I have been searching and cannot find a answer. Maybe I am just wording my search wrong but I am having trouble with making this row of images responsive. http://jsfiddle.net/nunotmp/4W2Bc/I have added the media query below\[code\]@media only screen and (max-width: 960px) {#teasercenter {width:100%;display:inline-block;}#teasercenter ul li img {min-width:100%;height:auto;}}\[/code\]When resizing the window they do fall under each other but with a large white area and aligned to the left. Is there a way to get then to center as they fall? Maybe the way I structured the html is wrong? Any help would be appreciated.
Row of Images Responsive
- Thread starter galapago
- Start date