Building-with-Responsive-Design

The Next Web responsive clone

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 and flex

This is also part of the Odin project curriculum "Building with Responsive Design"

Built With

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

Usage

To have this app on your pc, you need to:

• download or clone this repo:

  • Clone with SSH:

    [email protected]:rammazzoti2000/Building-with-Responsive-Design.git
  

  • Clone with HTTPS

    https://github.com/rammazzoti2000/Building-with-Responsive-Design.git
  

• Change the working directory and run it in the browser:

  • $ cd /path/to/working/directory - changes the directory to the project folder

  • open it in a browser:

    • double click the index.html file to open it in the browser, or
    • right click the index.html, select open with and choose a browser of your choice

Automated Test

There are no tests for this project

Live Demo

Live Demo Link

Authors

👤 Author1

• Github: @javitocor
• Linkedin: Javier Correas Sanchez-Cuesta

👤 Author2

• Github: @rammazzoti2000
• Linkedin: Alexandru Bangau

🤝 Contributing

Contributions, issues and feature requests are welcome! Start by:

• Forking the project
• Cloning the project to your local machine
• cd into the project directory
• Run git checkout -b your-branch-name
• Make your contributions
• Push your branch up to your forked repository
• Open a Pull Request with a detailed description to the development branch of the original project for a review

Show your support

Give a ⭐ if you like this project!

Acknowledgements

• Microverse
• The Odin Project

📝 License

This project is MIT licensed.