5 feature full width photo grid
HTML
<div class="tsidesign_5feature">
<div class="the_list_item item_1"><img src="http://boutique02.townsquareinteractive.com/files/2017/09/images-01.jpg"></div>
<div class="the_list_item item_2"><img src="http://boutique02.townsquareinteractive.com/files/2017/09/images-02.jpg"></div>
<div class="the_list_item item_3"><img src="http://boutique02.townsquareinteractive.com/files/2017/09/images-03.jpg"></div>
<div class="the_list_item item_4"><img src="http://boutique02.townsquareinteractive.com/files/2017/09/images-04.jpg"></div>
<div class="the_list_item item_5"><img src="http://boutique02.townsquareinteractive.com/files/2017/09/images-05.jpg"></div>
</div>
CSS
.tsidesign_5feature .the_list_item {
float: left !important;
width: 20% !important;
margin: 0 !important;
}
/*code can be removed before implementing*/
.tsidesign_5feature .the_list_item img{
width: 100% !important;
}
/*--------------------*/
.tsidesign_5feature {
margin: 0 !important;
padding:0 !important;
}
.tsidesign_5feature .the_list_item img:hover {
opacity: .75 !important;
}
@media (max-width: 575px){
.tsidesign_5feature .the_list_item {
width: 100% !important;
margin: 0 !important;
}
}
