JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.modernizr.com/downloads/modernizr-latest.js"></script>
<!-- loops n times for n rows -->
<UL class="container_10 clearfix">
    <!-- loops 5 times for 5 list items in a row -->
    <LI class="grid_2 product">
        <UL>
            <LI class="prodImg clearfix">...</LI>
            <LI class="prodTitle clearfix">...</LI>
            <LI class="prodPrice clearfix">...</LI>
            <LI class="prodPromo clearfix">...</LI>
            <LI class="prodReviews clearfix">...</LI>
        </UL>
    </LI>
</UL>

CSS

.product {
    position: relative;
}
.product:after {
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    bottom: -10px;
    left: -10px;
    box-shadow: 0 0 5px #456;    
}

body {
    padding: 20px;
}