Design comparison
SolutionDesign
Solution retrospective
All feedback is welcome.
Community feedback
- @imLumarqPosted over 1 year ago
Hi, Si1entERA
Congratulations on completing the project.
- You could use flexbox of grid to place the card in the middle of the screen:
body{ min-height: 100vh; display: grid; place-items: center; }
OR
body{ min-height: 100vh; display: flex; align-items: center; justify-content: center; }
- I would suggest using the "em" unit for your media queries.
Give this article a read: PX, EM or REM Media Queries?
Here's my solution:
https://www.frontendmentor.io/solutions/single-price-grid-component-K-A7ch3qS_
I hope you find this helpful 😄!
Happy Coding!
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