the block shadow, had to use border right and border bottom

Community feedback

• 

  P

  Adriano•42,700

  @AdrianoEscarabotePosted 22 days ago

  Hey Odetoyinbo Pelumi, how’s it going? I was really impressed with your project’s result, though I have some advice that could 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;
  }
  

  Everything else looks great.

  Hope this helps! 👍

  Marked as helpful

  0

  ---

  

  Oluwapelumi•30

  @BbylumiPosted 17 days ago

  @AdrianoEscarabote thank you so much, going to adjust it now

  0