grid images 2

by Adam Smith

HTML

<ul>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38730&amp;c=3921886&amp;h=5a7d2f25ca1fcfe8bb64" alt="Software - TRW Design Wizard"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38728&amp;c=3921886&amp;h=9040e2abe9606eaeef1a" alt="Vinyl - Siser"></li> 
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38719&amp;c=3921886&amp;h=92840449656213d1eb94" alt="Vinyl - Chemica"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38731&amp;c=3921886&amp;h=c45cc772fbaef8f78586" alt="Vinyl - FDC"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38721&amp;c=3921886&amp;h=be6a2b92c0b8a6113fe3" alt="Cutter - Graphtec"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38722&amp;c=3921886&amp;h=221c59452751be8afdf8" alt="Heat Press - Hotronix"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38723&amp;c=3921886&amp;h=33d2995ff68d0621554b" alt="Material - Magic Flock"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38724&amp;c=3921886&amp;h=961c4c1491f65857aefd" alt="Heat Press - Maxx"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38725&amp;c=3921886&amp;h=e1e5099a20465fce5232" alt="Cutter - Roland"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38720&amp;c=3921886&amp;h=4cfb691790a8e782fd73" alt="GCC"></li>
	<li><img class="brand-table-images" src="https://system.na2.netsuite.com/core/media/media.nl?id=38718&amp;c=3921886&amp;h=4a5106e84591f079e4dd" alt="Software - CorelDRAW"></li>
	<li><img class="tru-silhouette"...

CSS

ul {
	padding: 0;
	max-width: 600px;
	margin: 0 auto;
}
li {
	width: 200px;
	height: 200px;
	list-style: none;
	float: left;
	text-align: center;
}
img {
	transform: translateY(-50%);
	margin-top: 50px;
	max-width: 70%;
	max-height: 70%;
}