
Design comparison
Solution retrospective
I experimented with a few css features I haven't used before, like variables, which was fun and made the css much more understandable.
What challenges did you encounter, and how did you overcome them?I had some issues with flexbox, like making sure the elements in the top of the card (picture, title, ...) centered while the links at the bottom half had to be stretched. I first wanted to solve this by wrapping everything in the top half in another div, but then I resorted to using align-self: center
. I don't know which one would be better practice.
I can't really say why, but using align-self: center
felt like a hack in this use case and I wonder if there was a more elegant solution.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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