Images in a line all change sizes!

Site URL: https://www.homes-one.com

Hi,

In the footer I have logos (all images are square).

I would love for them to all sit on one line and keep the same proportion. 

As you can see, whenever I add 5 logos the proportions skew, making some large and some small, but never equal.

Is there a way to fix this? 

(I would make it all one image, but all need individual links!)

Thanks,

Claudia

It looks like you add blank space to fix this. Do you still need help?

@tuanphan Hi! No, that was just to try and stop it but I have the spacer removed. Would still love to know if this has a solution without adding a spacer?

Thanks!

@tuanphan Also, is there is a way to stop these logos in the footer from stacking vertically on mobile? So they can keep their horizontal position on one line??

It would be much appreciated, thank you! 

Add to Design > Custom CSS

/* Mobile 6 logos one line */
@media screen and (max-width:767px) {
div#page-section-60ca79af8b412b09097f7ef4 .span-12>.row>.col {
    width: 16.666% !important;
    float: left !important;
}
div#page-section-60ca79af8b412b09097f7ef4 .span-12>.row>.span-4 {width: 33.332% !important;}
div#page-section-60ca79af8b412b09097f7ef4 .span-12>.row>.span-4 .span-2 {
    width: 50% !important;
    float: left !important;
}
div#page-section-60ca79af8b412b09097f7ef4 .image-block {
    padding: 5px !important;
}
}