QR-CODE Project

Community feedback

• 

  Enmanuel Otero Montano•2,155

  @Enmanuel-Otero-MontanoPosted over 2 years ago

  Hello Georgeinnerside!

  In this type of design, where there is only one child element of the body, the ideal is that you give the body a minimum height of 100vh, so you make sure that the body will measure at least the entire height of the screen where it is visualizing. You must also apply the following properties to the body

  display: flex;
      justify-content: center;
      align-items: center;
  

  But reviewing your code and the structure of the HTML, those styles should be applied to the div with the overall-container class. This way the child element of overall-container will be centered both vertically and horizontally and you won't have to be using margin to center. It should be like this:

  .overall-container {
     display: flex;
     justify-content: center;
     align-items: center;
     min-height: 100vh;
  }
  

  Cheers!

  0

  ---

  

  Georgeinnerside•80

  @GeorgeinnersidePosted over 2 years ago

  @Enmanuel-Otero-Montano thank you so much, I will work on it

  0