Responsive design

Hi! 

Does anyone know how to make two elements which are related respond in the same way screen size changes? 

In the images you'll see the card with text has changed shape an no longer lines up with the image. 

Also, is it possible to group this items so they respond in the same way across multiple breakpoints?

Thanks in advance!

Sam

Can you share link to this page?

https://radish-semicircle-x8k2.squarespace.com/home

Site is now password protected 

Password - ODL2023

https://radish-semicircle-x8k2.squarespace.com/home

Grateful for any help you can give, tuanphan!

It looks fine to me. Or you want both same height?

Hi, yes, ideal I'd love for the edge of the image to line up with the edge of the card at smaller breakpoints. 

Is there a way to do that?

On 6/20/2023 at 2:56 PM, spantchux said:

Hi, yes, ideal I'd love for the edge of the image to line up with the edge of the card at smaller breakpoints. 

Is there a way to do that?

Add to Design > Custom CSS

.fe-6489bea097fbce00e7bc7cd0 .sqs-image {
    -webkit-box-pack: end !important;
        -ms-flex-pack: end !important;
            justify-content: flex-end !important;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}