Building with Responsive Design

This project is part of the Microverse CSS3 and HTML curriculum!
Explore the docs »

View Demo · Report Bug · Request Feature

Table of Contents

• About the Project
  • Built With
  • Live Version
  • Usage
  • Automated Test
• Author
• Contributing
• Acknowledgements

About The Project

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

This project was built using these technologies.

• HTML
• CSS3
• Stickler
• VsCode
• Atom
• Notepad++
• Prettier

Live Version

You can see it here

Usage

To use it locally download or clone this project with the following command on a terminal:

git clone https://github.com/euqueme/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

Automated Test

There are no Automated Test for this project yet

Author

👤 María Eugenia Quemé - @MaruKK - @euqueme - [email protected]

👤 María José Reyes - @majovainilla - [email protected]

🤝 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!

Acknowledgements

• Microverse
• The Odin Project
• HTML Cheat Sheet
• Responsive Tutorial