Skip to content

In this project, we created a clone of The Next Web and made it fully responsive for different screens.

Notifications You must be signed in to change notification settings

DcRonan/responsive-design

Repository files navigation

Building with Responsive Design

The purpose of this project was to make a responsive webpage for different screen sizes and in doing so we also created a clone of The Next Web

screenshot

We used HTML & CSS, including GRID, Flex-Box and media queries. The webpage is visually responsive for all formats including mobile and for you to test this you can re-size the browser and you will see how the layout changes for different screen sizes.

Responsive Changes

Mobile


Tablet

Built With

- HTML5 
- CSS3
- VS Code
- Font Awesome Icons

img img img img

Live Demo

Click on the image below..

Run Tests

Install

npm i hint

Run

npx hint .
npx stylelint "**/*.{css,scss}"

Authors

👤 Daniel Ronan

img @DcRonan
img Daniel Ronan
img @dc_ronan
img Email me

👤 Lamia Sristy

img @LamiaSristy

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed

About

In this project, we created a clone of The Next Web and made it fully responsive for different screens.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •