Responsive Blog Preview Card using Semantic HTML, Flexbox, and CSS Cus

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

I’m proud of implementing responsive design and accessibility features in the blog preview card, enhancing user experience through semantic HTML5 and clear hover and focus states.

Next time, I’d focus on refining the design based on user feedback and experiment with more advanced CSS techniques for layout control.

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

I faced a challenge with embedding an already downloaded font into my project. To overcome this, I researched the correct @font-face syntax and adjusted the paths to ensure the font files loaded correctly.

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

1. Accessibility: How can I improve accessibility for screen readers in my project?

2. Font Embedding: What’s the best way to ensure the custom fonts I’ve downloaded are properly embedded and displayed in my project?