Submitted over 4 years ago

3 Column Preview Card Component - HTML5 / CSS3

@dgdev1024

A solution to the 3-column preview card component challenge

Solution retrospective

The issue with this one is that CSS's justify-self property doesn't work in Flexbox. I worked around this by absolute-positioning the call-to-action buttons to the bottom left, accounting for padding, then applying some compensatory bottom-margin to the description text. Let me know how this turned out.

EDIT: Erroneously said align-self, when I meant to say justify-self.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Dennis Griffin'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