
Submitted 7 months ago
Responsive blog preview card using Tailwind CSS
#tailwind-css
@whawari
Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
Learning more about Tailwind CSS, and learning how the box shadow property works!
What challenges did you encounter, and how did you overcome them?- Adding custom local fonts. I overcame this challenge by googling and following Tailwind CSS documentation.
It was mentioned not to use media queries in the challenge, however I used media queries to match the design. I searched on how to create responsive text without the use of media query and stumbled upon the clamp() function and the (vw, vh, vmax, and vmin) CSS units. I did not know how to exactly apply them to the design. It would be great to know how to achieve responsive text without using 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