All comments

• 

  Jeroen• 20

  @bruyss

  Submitted about 3 years ago

  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?

  

  Basic HTML with CSS using flexbox and media queries

  2

  10

  

  Jeroen• 20

  @bruyss

  Posted about 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