Submitted 9 months agoA solution to the Blog preview card challenge
Blog preview card
react, typescript, vite
@kwesibazil

Solution retrospective
What are you most proud of, and what would you do differently next time?
CSS clamp() Function: I gained practical experience using the clamp() function to create fluid and responsive sizing for elements, particularly for font sizes and card widths.
Variable Font Files: I learned how to integrate and utilize variable font files instead of static fonts, improving performance and flexibility in typography. This included understanding how to use @font-face rules with variable font files and how to control font variations using CSS.
Code
Loading...
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Kwesi-Bazil's solution.
Join 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