Responsive Blog Preview Card | Semantic HTML & Clamp-based Typography

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

I'm proud of using semantic HTML properly and implementing clamp() for responsive font sizes.
Next time, I'd spend more time refining accessibility and maybe try adding a hover animation or keyboard focus handling.

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

The biggest challenge was making sure the font sizes looked good on all screen sizes.
I had to test with different clamp() values and refer to the documentation to get them working smoothly.

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

• My use of semantic tags — is it too much or missing something?
• Whether I’ve used clamp() values in a balanced and scalable way
• If the overall layout and spacing feel clean and consistent across devices