Responsive blog preview card with semantic HTML, Flexbox, and CSS Grid

Solution retrospective
I am most proud of the smooth user interaction, especially the hover effects and responsiveness of the layout. Next time, I would focus more on optimizing performance and accessibility, particularly for keyboard navigation.
What challenges did you encounter, and how did you overcome them?One of the challenges was creating a responsive layout that adapts to various screen sizes without affecting the design. I overcame this by using CSS Grid for structure and Flexbox for alignment, which made it easier to manage the layout in different viewports.
What specific areas of your project would you like help with?I would appreciate feedback on how I can improve accessibility for screen readers and keyboard navigation, as well as suggestions for improving my CSS animations for smoother transitions.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @DevvMarko
very good wbsite. i am very impressed with that animation, good work!
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