Design comparison
SolutionDesign
Solution retrospective
It seems that max-width: 100% on my image is interfering with getting both columns of my flex the same width but removing it makes the image overflow, any ideas?
Community feedback
- @bruyssPosted over 3 years ago
I used flex-basis: 100% for child elements of my split class to make the columns of equal size when I have a viewport width of > 550px. However the columns are not equal if I set my img max-width to 100%. If I remove img max-width: 100% then the image overflows on smaller screen sizes instead of shrinking.
0 - @thesohailjafriPosted over 3 years ago
Can you please explain the issue you're facing in detail ?? Jeroen
0
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