First, let me state: I searched in the Responsive theme forum and couldn't find anything to address my question. I think this is more a result of how Jetpack Carousel works, so I decided to post here.
I have a website using the Responsive theme and a Jetpack Carousel plugin for galleries. My question is - when I create a gallery, and then collapse the page down to mobile size, the gallery items go from four per line, to a three/one split, then two, then one.
I know from previous CSS usage that float:left would simply allow the items to float within a div and to re-position themselves as needed when that div is collapsed (moving nicely from four on a row, to three, to two, to one). Jetpack (?) obviously has some coding whereby it's forcing a line break between the rows.
Is there any way I can change this so the items float left more naturally?
Page in question is here: http://garrettranchltd.ca/photo-gallery/