Responsive Blog Preview Card using HTML & CSS

Solution retrospective
- I'm most proud of the clean and semantic HTML structure I implemented, ensuring accessibility and ease of understanding for other developers.
- Additionally, using CSS custom properties and the BEM model helped maintain a modular and scalable codebase.
- However, next time, I would focus more on optimizing performance by improving image loading techniques for better page speed.
- One challenge was to achieve the desired layout responsiveness while maintaining code readability and maintainability.
- To overcome this, I followed a mobile-first approach, utilizing flexbox for layout and employing media queries to adjust styles for different screen sizes.
- I would appreciate suggestions for enhancing the design and user experience.
- Finally, feedback on accessibility improvements beyond basic semantic HTML would also be welcomed.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @sayeedmunees
Amazing, it looks so accurate to the actual design. I think you forgot to add box-shadow transition when hovering over the card.
Marked as helpful
Join 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