grid images

by Adam Smith

HTML

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

CSS

ul.brand-table {
	padding: 0;
	max-width: 600px;
	margin: 0 auto;
}
li.brand-table-images {
	width: 30%;
	padding-bottom: 25%;
	list-style: none;
	float: left;
	background-repeat: no-repeat;
	background-size: 65% auto;
	background-position: center center;
}