Blog review - Card

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 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!

hi there! 👋

You can center your content with Flexbox if you apply these to the body tag:

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

Hope this was helpful 🙏

Good luck and happy coding! 🙌

Thank you very much for the tips. I'll try that.

I admit I do not understand the reason you added the following line, though:

min-height: 100vh;

Could you explain?

Warm thanks again for the feedback. really appreciate it.