My second HTML CSS challenge. Flex-box.

Community feedback

• 

  Adriano•38,060

  @AdrianoEscarabotePosted 7 days ago

  Hi Govardhan V Prakashmurthy, 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. 👍

  Marked as helpful

  0

  ---

  

  Guillermo Eguizabal•70

  @cgeguizabalPosted 7 days ago

  Question, that's considering I have one element, but if I have a complete layout, can I still use flex-box or grid into the body?@AdrianoEscarabote

  0

  

  Adriano•38,060

  @AdrianoEscarabotePosted 6 days ago

  @cgeguizabal It depends on the project design

  0