Blog preview card made with semantic HTML and CSS

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

Learning Progress:

• Worked with a high-quality Figma design file, which helped me achieve near pixel perfect accuracy.
• Improved coding skills and understanding of BEM methodology.
• Used meaningful names for elements.

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

Development Insights:

• Encountered and resolved issues styling the preview image.
• Used flexbox to center the image.

Responsive Design:

• Implemented a clamp() function for dynamic width adjustments between mobile and desktop views.

HTML Enhancement:

• Wrapped the publication date in a tag for better accessibility.