Too Long; Didn't Read
How To Create Truly Responsive Images With Flexbox is a fast way of building a web page with responsive images. Flexbox grids are often built using images. The solution I'm about to show how you could build a Flexbox grid without images. You calculate the aspect ratio of the image smallest in height by dividing the height by the width. Then you center the image—margin: auto is necessary for our example to work. Then, you add a wrapper around your image container to make it more responsive setting width in percents.