Utilice Flexbox

Community feedback

• 

  Adriano•38,270

  @AdrianoEscarabotePosted about 1 month ago

  Hi EIVAR-RIVALDO-PEREZ-AGUILAR, hope you're doing well! I loved how your project turned out, but I’ve got a few suggestions that could be useful:

  Using Flexbox or Grid on the body to center elements ensures a more responsive and adaptive layout, fitting different screen sizes seamlessly. It avoids manual calculations and constant adjustments needed with margin, padding, or absolute positioning. These techniques provide more consistent alignment and simplify the code.

  flexbox:

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

  grid:

  body {
      display: grid;
      place-content: center;
      min-height: 100vh;
  }
  

  The rest is fantastic.

  Hopefully, you'll find it helpful. 👍

  Marked as helpful

  1

  ---

  

  Eivar Rivaldo•40

  @EIVAR-RIVALDO-PEREZ-AGUILARPosted 26 days ago

  @AdrianoEscarabote tienes razon graciass!!!!

  0

  

  Eivar Rivaldo•40

  @EIVAR-RIVALDO-PEREZ-AGUILARPosted 26 days ago

  @AdrianoEscarabote tienes razon graciass!!!!

  0
• 

  James Morrissey Jr•50

  @JammiMPosted about 1 month ago

  Needs more testing on mobile screens

  For example there is no spacing / margin from the right side of the screen

  Marked as helpful

  0
• 

  gckush•50

  @gckushPosted about 1 month ago

  Separate style to a css file. Without it, html has become less readable. Text 'HTML & CSS foundations' should change color to Yellow on mouse hover. No main section.

  0