Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Blog preview card using SASS, Fluid Typography and Variable Fonts

P

@IncorrigibleSpirit

Desktop design screenshot for the Blog preview card coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

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'?

Community feedback

@limsael

Posted

your project is reaaly special and like the ressources you included they really helped me.

0

P

@IncorrigibleSpirit

Posted

@limsael You're welcome, mate! We are here to learn from each other and share. Happy coding!

1

Please log in to post a comment

Log in with GitHub
Discord logo

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