Auto Resize Image in CSS FlexBox Layout and keeping Aspect Ratio?

Question

I\'ve used the CSS flex box layout which appears as shown below:

If t

Answer 1

I suggest looking into background-size options to adjust the image size.

Instead of having the image in the page if you have it set as a background image you can set:

background-size: contain

or

background-size: cover

These options take into account both the height and width when scaling the image. This will work in IE9 and all other recent browsers.