Blog preview card using flexbox

Solution retrospective
I think the overall time taken to draft the first design was remarkably less than the first challenge, so I am quite proud of that. If done, differently, perhaps using CSS grid would be another alternative solution?
What challenges did you encounter, and how did you overcome them?On using the flexbox for the card's content, there were some issues with the elements inside taking the entire width of the row in the vertical layout, which was not that big of an issue except for two particular instances, i.e. the chip background and the hover element taking the entire row.
I tried using inline-block, inline, setting the flex-grow to 0, etc. but nothing worked until setting the width to fit-content, which was found through googling.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @Alaa-Zakaria12
Your work is impeccable—absolutely flawless. Very precise and detailed!
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