Skip to content

The clone of thenextweb.com webpage which I got the chance to build a responsive website, using media queries. The flex and grid layouts are used.

Notifications You must be signed in to change notification settings

RaminMammadzada/building-with-responsive-design

 
 

Repository files navigation

Building with Responsive Design

Microverse Collaborative Project (Ramin and Alexes)

screenshot

This project is a prototype based on the https://thenextweb.com/ page.

Here are the objectives for this project:

  • Create a responsive design website
    • We created two different breakpoints to achieve this; one at 1024px and the other at 768px screen width
  • Use HTML semantics
    • To achieve this we divided the page in different sections with articles within them
  • Align elements using float, grid and flex in several points

This is also part of the Odin project curriculum "BUILDING WITH RESPONSIVE DESIGN"

Built With

  • Html,
  • CSS,
  • Linter,
  • Stickler,
  • Font-Awesome

Live Demo

Live Demo Link

Getting Started

Run locally

To use it locally by cloning this project with the following command on a terminal:

git clone https://github.com/RaminMammadzada/building-with-responsive-design.git

After that, cd to the responsive-design folder and open the index.html file in your browser, play with the screen sizes to see how it changes responsiveness

Authors

👤 Ramin Mammadzada

👤 Pablo Alexis Zambrano Coral

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

  • Hat tip to anyone whose code was used
  • Inspiration
  • Responsivity to elements
  • etc

📝 License

This project is MIT licensed.# design-teardown

About

The clone of thenextweb.com webpage which I got the chance to build a responsive website, using media queries. The flex and grid layouts are used.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 51.1%
  • HTML 48.9%