Advice Generator App

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 5 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  • Using margin and/or padding isn't always the most effective method for centering an element.

  Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

  📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

  body {
      min-height: 100vh;
      display: flex; 
      justify-content: center;
      align-items: center;
  }
  

  I hope you find this helpful!

  Keep up the excellent work!

  0

  ---

  

  Joseph Reyes•440

  @JreyIVPosted 5 months ago

  @danielmrz-dev

  hi Daniel, thanks for the feedback. I usually do use that way to center my elements but I didn't want this one to be directly in the center, I wanted it to be more towards the top. How would you suggest I go about centering it if I don't want to put it directly in the center?

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 5 months ago

  @JreyIV

  Well in this case you can use margin. You can use the value you like on the vertical axis and auto on the horizontal axis.

  0