Design comparison
SolutionDesign
Solution retrospective
I'm unable to find a way to make this responsive. Can anyone help?
Community feedback
- @visualdennissPosted over 1 year ago
Hey,
good work there!
To start with, you can use media queries and display:flex to display: block or flex-direction: column; . Adapt the width of the left and right columns, e.g. width: 100%, make those columns itself a flexbox and center the elements horizontally.
E.g. @media only screen and (max-width: 600px in em/rem) { .bottom { display: block} }
Hope you find this feedback helpful!
Marked as helpful1
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