https://github.com/delicelydia/tnw-website-clone

This project consists of replicating the The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.
https://github.com/delicelydia/tnw-website-clone

Last synced: 5 months ago
JSON representation

This project consists of replicating the The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.

• Host: GitHub
• URL: https://github.com/delicelydia/tnw-website-clone
• Owner: DeliceLydia
• Created: 2020-09-09T13:27:36.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2020-09-15T09:29:03.000Z (almost 6 years ago)
• Last Synced: 2025-11-05T23:18:25.398Z (9 months ago)
• Language: HTML
• Size: 9.05 MB
• Stars: 1
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# TNW-Website-Clone

This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.

![screenshot](./images/scrnshot.PNG)

​

## Project Requirements

- Align all elements with float and flex or grid.

- Use a mobile first approach when dealing with mediaqueries with 2 breakpoints (you should figure out the exact width for each breakpoint by yourself).

- Remember to double-check if you page layout does not brake on smaller screens.

## Built With

- HTML

- CSS

​

## Live Demo

[Live Demo Link]( https://delicelydia.github.io/TNW-Website-Clone/index.html

)

​

## Authors

- Github: [@DeliceLydia](https://github.com/DeliceLydia)

- Twitter: [@IngabireLydia3](https://twitter.com/IngabireLydia)

- Linkedin: [Delice Lydia](https://www.linkedin.com/in/delice-lydia-91b55b167/)

​

## Show your support

​

Give a ⭐️ if you like this project!