My Image Collages Are Not Responsive

Hi James,

Which scaling are you talking about exactly? Making the entire grid larger?

Brecht

Hi Brecht, I am referring to it shrinking with the browser size. My website is responsive, but these galleries do not seem to scale and thus don’t look right on mobile/smaller screen.

Thanks!
James

Oh, right. It’s because of the floating.
I recommend using a media query to only have it float from a certain screen width, allowing it to shrink on smaller screens.

Kind regards,
Brecht

Brecht,
I used a media query like this in the style CSS and it still had the same issue on mobile:

@media screen and (max-device-width: 600px) {
.column {
float: none;
}
}

The div you used to float the grid to the left doesn’t have the column class? Try removing that div you added and just doing it with CSS:

.eic-container {
    float: left;
}

@media only screen and (max-width: 600px) {
    .eic-container {
        float: none;
    }
}