Blog preview card using SASS, Fluid Typography and Variable Fonts

What are you most proud of, and what would you do differently next time?

During this project, I reviewed some concepts related to designing layouts and working with images and hyperlinks. Additionally, I learned and applied new concepts about typography, such as "fluid typography" and "variable fonts." Honestly, it was the first time I had heard about them, and I had a great experience calculating formulas and learning about the possibilities that variable fonts offer.

What challenges did you encounter, and how did you overcome them?

I had no idea how to calculate Fluid Typography and work with variable fonts. Luckily, I found excellent resources that taught me how to do it.

Useful resources

• Modern Fluid Typography Using CSS Clamp - This article illustrates how to correctly calculate fluid typography.

• Getting started with Variable fonts on the web - This video offers a meaningful overview concerning variable fonts and also shares useful resources and tips for working with typography in our projects.

What specific areas of your project would you like help with?

I usually rely on media queries to adjust my exercises based on screen resolutions. When should I specifically use 'fluid typography' and 'fluid sizing'?