Blog Preview Card using HTML and CSS

Solution retrospective
I'm most proud of how the design turned out, especially the clean layout and responsiveness achieved with simple yet effective CSS. Next time, I would focus more on optimizing the image sizes and exploring advanced accessibility features to improve usability for all users
What challenges did you encounter, and how did you overcome them?One challenge I faced was ensuring the layout remained responsive across different screen sizes. I overcame this by using media queries to adjust the card's dimensions and image scaling for smaller devices. Additionally, linking the correct assets required careful file organization and testing.
What specific areas of your project would you like help with?I would like feedback on improving the hover effect for the blog post title to make it more visually engaging. Additionally, any suggestions for enhancing accessibility, such as better color contrast or ARIA attributes, would be greatly appreciated. Lastly, I'd love input on optimizing the CSS for cleaner and more efficient code.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Nicolette Reneilwe Mashaba's solution.
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