2 Images in Row

Site URL: https://mika.squarespace.com/team

Hello Community,

I have big troubles to code, two Pictures/Images in a row on Mobile view.
I just want to but 2 pics side by side for easy reading viewing

as an attachment a screenshot

I used this Code; but not really worked

@media only screen and (max-width: 640px) {
        #page-6010255c6565ff22f92ee0c3 > .row:nth-child(1) .sqs-col-4,
         #page-6010255c6565ff22f92ee0c3 > .row:nth-child(2) .sqs-col-4,
         #page-6010255c6565ff22f92ee0c3 > .row:nth-child(2) .sqs-col-4,
         #page-6010255c6565ff22f92ee0c3 > .row:nth-child(3) .sqs-col-4,
        #page-6010255c6565ff22f92ee0c3 > .row:nth-child(4) .sqs-col-4,
          #page-6010255c6565ff22f92ee0c3 > .row:nth-child(5) .sqs-col-4,
      
  
          
 {
width: 50% !important;
clear: right !important;
float: left !important;
        }
}

Please can someone help me

HI. It looks like you solved this?

I see huge spacing between images - footer on mobile/tablet

Do you want to fix this?

I fixed it, yes!

and, yeah i want to fix it.

You have any Ideas?

On 3/26/2021 at 3:44 AM, DIN said:

I fixed it, yes!

and, yeah i want to fix it.

You have any Ideas?

Add to Design > Custom CSS

/* space between team - footer */
@media screen and (max-width:640px) {
body#collection-6010255c6565ff22f92ee0c3 section.Main-content {
    padding-bottom: 0;
}
div#block-98abb1d1dec0e7472d50 {
    display: none;
}
div#footerBlocksBottom {
    padding-top: 0;
}
}