Flexbox: shrink image to fit

Question

I am trying to design a page with the following properties that will be used as digital signage:

• Page height is viewport height (100vh) so that sc

Answer 1

Try this fiddle: https://jsfiddle.net/ez4pf8wp/

Added this to the img class:

img {
   max-height: 100%;
   height: 100%;
   display: block;
   margin: 0;
}