/The-next-web-responsive

A responsive clone of the Next Web homepage using semantic HTML5 elements, flexbox, and CSS grid. We also use media queries to make the page responsive.

Primary LanguageHTMLMIT LicenseMIT

The Next Web Responsive

In this project we did a responsive design of The Next Web Homepage

screenshot

In this project, we clone the Next Web homepage using semantic HTML5 elements that are appropriately sized and positioned. We used flexbox, CSS grid, and positioning to position the various elements. We made the background with images and gradients. We use media queries to make the page responsive at two main breakpoints 1024px and 767px.

Live Demo

Built With

  • HTML5
  • CSS3
  • CSS Media Queries

Authors

👤 Chi A. Joel

👤 Gustavo Sanmartin

Acknowledgments

Show your support

Give a star if you like this project!

License

This project is MIT licensed.