Design comparison
SolutionDesign
Solution retrospective
My main struggle while working on this was getting the component to center on the page. While I managed to do so, I am not entirely sure if I did this in a way that is considered best practice. Would love to hear any feedback!
Community feedback
- @hobbycoder7Posted over 2 years ago
The component looks great!
I had a similar problem and didn't know about grid or flex until I did a bit of googling and found something similar to what you came up with and ended up using myself:
.container { display: grid; place-items: center; min-height: 100vh; }
source: https://daily-dev-tips.com/posts/css-grid-most-easy-center-vertical-and-horizontal/
0
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