HTML CSS

Community feedback

• 

  Adriano•38,080

  @AdrianoEscarabotePosted 16 days ago

  Hi demolacodes, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:

  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 excellent.

  I hope you find it useful. 👍

  Marked as helpful

  0

  ---

  

  demolacodes•30

  @demolacodesPosted 15 days ago

  Thank you so much!@AdrianoEscarabote

  1