Skip to content

The goal of this project is to build a responsive clone of The Next Web website. I used media queries to target different screen sizes. The website fits on different screen sizes.

Notifications You must be signed in to change notification settings

vmwhoami/The-Next-Web

Repository files navigation

The Next Web Webpage Clone

The goal of this project is to build a responsive clone of The Next Web website

In this project, we made use of Grids, Flexbox and Positions and layout elements on the page correctly.

Media queries were used to target "different” screen sizes in order for us to effectively and efficiently let the website fit correctly to each screen size.

Building this project was fun as we practiced different css rules and effectively combine grids, flex and position.

screenshot screenshot

This project covers the following HTML and CSS3 concepts

  • Fixed, relative and absolute positioning
  • Flex and Grid
  • Responsive Design concepts using media queries

Built With

  • HTML
  • CSS
  • Google fonts
  • Font Awesome

Live Demo

Live Demo Link

Getting Started

To get a local copy of the repository, please run the following commands on your terminal:

$ cd <folder>
$ git clone https://github.com/vmwhoami/The-Next-Web

Authors

Uduak Essien

Vitalie Melnic

🤝 Contributing

Contributions issues and feature requests are welcome!

Check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Project originally taken from The Odin Project
  • Project inspired by Microverse Program

About

The goal of this project is to build a responsive clone of The Next Web website. I used media queries to target different screen sizes. The website fits on different screen sizes.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published