semantic html and css

Community feedback

• 

  Adriano•42,890

  @AdrianoEscarabote

  Posted 8 months ago

  Hi brammilevs, how’s everything? I think your project turned out great! However, I have some feedback that I think might 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 amazing.

  I hope this is helpful. 👍

  00

  Marked as helpful
• 

  P

  wiceldric75•340

  @wiceldric75

  Posted 8 months ago

  It looks good just need to fix the spacing so that it better matches the design.

  00

  Marked as helpful