Submitted about 1 year ago
Single price grid component built with HTML and CSS
@joshjavier
Design comparison
SolutionDesign
Solution retrospective
I almost used PostCSS to keep the CSS organized, but for now I decided to keep this solution as simple as possible since I'm only making a single component in isolation. Aside from adding a package dependency, that approach would also add an unnecessary compile step for the CSS.
For the responsive layout, I used the Font-size Clamp Generator to use clamp()
for font sizes and paddings that scale with the viewport, thus removing the need for media queries.
Community feedback
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