![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/nq6cjctz9gpmcxjkx1ip.jpg)
Submitted 4 months ago
Blog preview card made with semantic HTML and CSS
@Outstandinggirl13
Design comparison
SolutionDesign
Solution retrospective
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.
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.
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord