Single price grid using CSS Grid

Solution retrospective
This is only the second website I've made without having my hand held by a tutorial. I struggled with the responsiveness at first but then scrapped all of that and went with a mobile-first way of thinking. Learned a lot along the way. Let me know if you see anything that could be better. Thanks!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @lailton-b
Congratulations, it was very good!
To be more like the original you could wrap all the content inside two div's.
In the first div you would put width and height 100%, in the second you would measure exactly the size of the content given in the original design and assign it to it.
Returning to the first div you would put the same background color as the original design and assign the following properties: display: flex; justify-content: center; align-items: center;
That way the content would be aligned to the center and not occupying the entire screen, giving more comfort to the eyes. But there is a problem, if you do this it will probably break the website, so if you don't want to fix it, leave it at that, hahah!
- @l3rodey
This is actually really cool!
Join 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