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
• Contact
• 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 https://www.theodinproject.com/courses/html5-and-css3/lessons/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: https://majovainilla.github.io/responsive-design/

Contact

María José Reyes - @majovainilla - maria_reyes@me.com

María Eugenia Quemé - @MaruKK - @euqueme - euqueme@gmail.com

Project Link: [https://github.com/majovainilla/responsive-design)

Acknowledgements

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