Design comparison
SolutionDesign
Solution retrospective
What challenges did you encounter, and how did you overcome them?
- Cards layouts
I searched online until I found a solution
Community feedback
- @junwei-wongPosted 2 months ago
Really clean solution. Some feedback on my end:
- In the design, I noticed that the heading font-size is bigger for larger screens and smaller for smaller screens. You can use the clamp function for the heading, e.g.
font-size: clamp(1.55rem, 5vw, 2.25rem);
. This should adjust to a bigger and smaller screen size. - The p tag in the header lacks a max width, something like
32rem
should do the trick. - For mobile screen size, the headers lacks a
text-align:center
.
Keep up the good work!
Marked as helpful0 - In the design, I noticed that the heading font-size is bigger for larger screens and smaller for smaller screens. You can use the clamp function for the heading, e.g.
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