Forcing 3 images to display in a row on mobile.

Hey,

I had this code to stack four logos into a 2x2 grid:

@media screen and (max-width:767px) {
div#page-section-5ed90abbe1acba03d207bfc1>.row>.col>.row>.col>{
    width: 50% !important;
    float: left !important;
}
}

 Now I have three logos, and I would like to put them as a single row.  

How do I do this?

12 minutes ago, hugorsmith said:

 

 

@media screen and (max-width:767px) {
div#page-section-5ed90abbe1acba03d207bfc1>.row>.col>.row>.col>{
    width: 33% !important;
    float: left !important;
}
}

 

Try changing the width to 30 or 33%

Worked perfectly, thank you.