Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Basic HTML with CSS using flexbox and media queries

Jeroen 20

@bruyss

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

Jeroen 20

@bruyss

Posted

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

@thesohailjafri

Posted

Can you please explain the issue you're facing in detail ?? Jeroen

0

Please log in to post a comment

Log in with GitHub
Discord logo

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