6 Column Masonary

Hi,

Rather than specifying a small and a full image, are there any templates with the required .CSS that would AUTO resize the image within each of the container? I have hundreds of image, I do not want to resize each of that image.

What I have a stand alone is something like below style

	<style> 
		.gfg { 
			width:auto; 
			text-align:center; 
			padding:20px; 
		} 
		img { 
			max-width:100%; 
					height:auto; 
		} 
	</style>

which when used as below

	<div class = "gfg"> 
		<p id="my-image"><img src="images/portfolio/full/1.jpg" /< 
		</p> 
	</div> 

will auto resize accordingly.

With your template which can be adopted to multiple uses, I am struggling to figure out the right one that helps me with what I need.

Thank you,
Sak