Responsive Blog Card Menu Designed in HTML and CSS.

Solution retrospective
This time I managed to complete challenge quickly than before.
Please log in to post a comment
Log in with GitHubCommunity feedback
- P@Dasaru
Great solution.
I would recommend using flexbox to center the card on the screen rather than using the transform/translate method. You can make the body tag a flex object and center the card with justify-content and align-items.
You can also use the flexbox gap property to align items inside of the card itself rather than using padding/margin on each item. It can help simplify the spacing logic to avoid future confusion.
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