Flex-barjeel

by Rob Carroll

HTML

<div class="list">
<div class="box-ms">
		
							<article class="post-8847 post type-post status-publish format-image has-post-thumbnail hentry category-collection post_format-post-format-image medium-ink artist-abdel-hadi-el-gazzar artist-egypt exhibition-modern-art-from-the-middle-east exhibition-the-short-century bornin-egypt">
									
								<div class="center round">

								<a href="http://www.barjeelartfoundation.org/collection/abdel-hadi-el-gazzar-untitled-from-the-scientific-progress-series/">

								<div class="vignette">	
								 
								 <img width="170" height="170" src="http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-170x170.jpg" class="attachment-cropped-thumb size-cropped-thumb" alt="Artwork by Abdel Hadi El Gazzar" srcset="http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-170x170.jpg 170w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-150x150.jpg 150w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-300x300.jpg 300w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-120x120.jpg 120w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-500x500.jpg 500w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-490x490.jpg 490w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-400x400.jpg 400w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop-220x220.jpg 220w, http://www.barjeelartfoundation.org/wordpress/wp-content/uploads/2017/04/Abdul-Hadi-El-Gazzar_1-LR-crop.jpg 720w" sizes="(max-width: 170px) 100vw, 170px">	

								 </div> <!-- .vignette...

CSS

.list
{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
 
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
    .box-ms
    {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }