Blog Preview Card Component using Simantic HTML and Flexbox

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

I’m proud of how the card looks great on all screen sizes, especially mobile, and how I made it accessible with proper alt text and a focus state.

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

Next time, I would focus on optimizing my code further. This includes reducing repetition in CSS by using more reusable classes and variables.

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

• I’m trying to use the right HTML tags for accessibility and SEO. Are there any places where I could use more semantic HTML elements?
• I want to make my code more efficient. Are there any areas where I could simplify or optimize my HTML, CSS, or overall structure?