Submitted almost 3 years ago
3-column preview card component solution using grid and flexbox
@AndjelaAxy
Design comparison
SolutionDesign
Solution retrospective
Feedback about the code is welcomed :)
Community feedback
- @alisbaiPosted almost 3 years ago
I recommend setting the HTML tag to: html { height: 100%}. and body { min-height: 100vh; display: flex; justify-content: center; align-items: center}. And you should get rid of margin-top in the main tag. This will center your card in the middle of the viewport.
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord