@IryDev
Posted
Hey, well done for completed this challenge😁
I have some suggestions to help you to improve your solution :
- Put the main content of your website into the <main>tag in order to improve accessibility
- Another alternative to center in your card :
- Give the body a min-height of 100vh
- Add the property , display: flex; justify-content: center; align-items: center; to make the card center on the vertical axis and horizontal axis
HTML :
<body>
<main>
The main content of your website
</main>
</body>
CSS :
body {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
}
I hope you'll find this helpful, and your solution is really good 😄
Marked as helpful
@BeshoyMaherr
Posted
@IryCode Thanks a lot, I appreciate that
@IryDev
Posted
@BeshoyMaherr You're welcome 😄