Responsive blog preview card without media queries
Design comparison
Solution retrospective
I've found a way to resize font size and develop a responsive website without relying heavily on media queries. I think I'll implement this solution in my future projects.
What challenges did you encounter, and how did you overcome them?At first, I had no idea how to resize the font size other than using media queries, but now I know how to do that by using a CSS function called clamp(). This is a very cool built-in CSS function, where you give the minimum and maximum values for your font size and a baseline value. When it reaches a certain screen size, the font size will resize automatically.
Community feedback
- @alexanderpetriccaPosted 3 days ago
Really nice solution, desktop preview is basically perfect in comparison to example.
If I'm being critical, the mobile layout doesn't quite match the provided design, as the card is too wide for the 375px screen width.
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