Flexbox 2: small floating boxes
Showing six 'flexitems'
See also Flexbox 1 »
The HTML markup
(showing two flexitems)
</div><!-- end col //--> <div class="flexcontainer2 row"> <div class="flexitem"> This flexitem is empty </div> <div class="flexitem"> <div><img src="./img/emily-apple.jpg" width="320" height="250" alt=""></div> <h5>H5</h5> </div> </div><!-- end flexcontainer2 //--> <div class="col"><!-- re-start col //-->
Maximum image dimensions (with H5 heading): 320px wide, 250px high. Maximum image height without heading: 280px (20px whitespace top and bottom).
