hitmorecode• 6,230
@hitmorecode
Posted
Nice well done. Just a few tips
- If you use flexbox on the body with min height you can place the card in the middle of the page.
body {
font-family: 'Hanken Grotesk', sans-serif;
/* add these changes to the body, to place the card in the middle of the page */
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.parent-component {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
/* margin-top: 5%; */ /* you can remove this line, flexbox will do the job */
}
Marked as helpful
1
Ali• 50
@bluesky1992-web
Posted
Thanks a lot @hitmorecode for the feedback I will consider these changes certainly
0