Make It Real - 404 NOT FOUND PAGE

This is a solution to the 404 NOT FOUND PAGE project of the Make It Real course.

Table of contents

• Overview
  • The challenge
  • Screenshot
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments

Overview

The challenge

Users should be able to:

• Change the size of the site for desktop and mobile and see how it works properly in each size.

Screenshot

My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow

What I learned

In this project we learn hoy to use medua queries and flexbox to desing a responsive mobile-first site.

   @media screen and (min-width: 1440px) {
    body{
        margin: 20px 40px;
    }


    .container {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 100px 30px;
    }

Continued development

We need to continue learning about how flexbox works and about responsive desing

Useful resources

• Resource 1 - This helped me to see the syntax of media queries.
• Resource 2 - This is an amazing article which helped me to undestand Flexbox in an easy way.

Author

• Juan Sebastián Muñoz

Acknowledgments

Thanks to Laura, my partner in this project and the teacher Cristian Moreno.