
Responsive Blog Preview Card Without Media Queries
Design comparison
Solution retrospective
I think I've achieved the project's goal of recreating the given design as closely as possible, producing responsiveness without using media queries.
What challenges did you encounter, and how did you overcome them?The challenge was to think of a clever way to adjust the font sizes for different screen sizes without using media queries. There is a way of creating responsive text by adding a percentage of the viewport to a fixed width, but there is also a CSS function called clump which admits a minimum, a maximum and a desired value. I used this function for the first time in this challenge, both for the font sizes and for the card width, achieving, I think, the desired responsiveness.
What specific areas of your project would you like help with?I'll be glad to hear about any other ideas for tackling the no-media-queries challenge! I would also love to get your feedback on my solution. Thank you!
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