Submitted over 3 years ago
Mobile first site built with flexbox and @media breakpoints
@Charlie025x
Design comparison
SolutionDesign
Solution retrospective
My 'learn more' buttons can get out of alignment, at medium and large screens, due to flexbox scaling my text. Each card has a different amount of text, most notably the middle column(in medium or large screens). Thus the middle button gets out of alignment compared to the other two. Is there a quick fix where I can force the button to the bottom of the card and add margin to the bottom for consistent button alignment?
Community feedback
- @MojtabaMosaviPosted over 3 years ago
Hi!, there you can achieve the behavior you're describing either by making the card a grid or flex container and using align-self : end on the button.
Keep coding :)
1
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