Blog Preview Card Built with HTML and CSS

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

I'm most proud of using the clamp() function for the first time. Next time, I will start of implementing the clamp() function when setting font size and element dimensions if required.

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

My main struggle was figuring out how to closely match the sizing of the elements to the dimensions provided in the design files without relying fixed measurements and media queries.

For a while I thought the issue was sprouting from the size I set the entire card to but in the end I realised that it was a font-sizing problem. Once I realised this, I began looking in the direction of fluid typography and stumbled across the clamp() function.

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

Anywhere I could improve with my Semantic HTML. Better methods to achieve responsiveness in my CSS rulesets.