Blog preview card with 'Fluid Typography'

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

🔎 I find a way to reduce font size for smaller screens without using media queries. I used 'Fluid Typography' with the clamp() function that ensures that the font size stays within a specified range. This technique allows the font size to be flexible and adaptive across different screen sizes while still staying within defined limits.

✌️ I also uses a responsive layout for the card-section. In this case, the width of an element is dynamically adjusted based on the viewport width while staying within a specified range: This technique combines fixed and flexible dimensions.

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

I wanted to find out the best way to write semantic HTML, so I looked in the mdn web docs https://developer.mozilla.org/en-US/docs/Web/HTML to find the most useful structure.