html+css

Community feedback

• 

  Adriano•42,870

  @AdrianoEscarabote

  Posted 6 months ago

  Hey ronilucylucy, 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! 👍

  01

  Marked as helpful
• 

  Oshu•760

  @oshudev

  Posted 6 months ago

  Hello there 👋. Good job on completing the challenge!

  About your struggle, I suggest you learn how to structure the html elements properly first. Being able to structure it well will help you style it properly. Since you're already done with the project, I suggest you take a look on my solution on how I did it. Just take it with a grain of salt because everyone has different ways of doing it.

  I hope you find it useful! 😄

  Happy coding!

  01

  Marked as helpful