Arrange divs next to each other on mobile

Site URL: https://walsh-prop.squarespace.com/

Site password: walsh

I'm optimizing my client's site for mobile and I cannot get a few divs in the footer to sit next to each other. My goal is to have them look similar to this:

With many failed attempts with CSS to get them to float next to each other, this is as far as I have gotten (with the code on the left):

Any help would be greatly appreciated!

2 hours ago, 2birds said:

Site URL: https://walsh-prop.squarespace.com/

Site password: walsh

I'm optimizing my client's site for mobile and I cannot get a few divs in the footer to sit next to each other. My goal is to have them look similar to this:

 

With many failed attempts with CSS to get them to float next to each other, this is as far as I have gotten (with the code on the left):

 

Any help would be greatly appreciated!

Can you share the link to this page?

I can not see any navigator on Home Page

20 hours ago, bangank36 said:

Can you share the link to this page?

I can not see any navigator on Home Page

Yes, sorry about that! You can see the footer on this page: www.walsh.properties/home 

On 1/29/2022 at 3:07 AM, 2birds said:

Yes, sorry about that! You can see the footer on this page: www.walsh.properties/home 

Don't remove any code in your current code

Add this to Design > Custom CSS

/* footer people */
@media screen and (max-width:767px) {
div#block-yui_3_17_2_1_1643145017474_99687 {
    width: 30% !important;
    float: left !important;
}
}