Pure CSS Masonry Image Grid

Masonry

Pure CSS Flexbox Masonry Image Grid


Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid
Pure CSS Flexbox Masonry Image Grid

<div class="container">
	<div class="row">
		<div class="col-12">
	        <div class="masonry">
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
		        <div class="brick">
			    	<img class="img-responsive img-gallery img-masonry" src="#" alt="...">
	        	</div>
			</div>
		</div>
	</div>
</div>