Image block and padding not aligning.

Site URL: https://mustard-sturgeon-9a97.squarespace.com/sag-harbor-1

Hello,

I hope you are well.

I was wondering if someone can figure out why are the images in my section not aligning properly? The white space around the image is not aligning properly. When the browser is bigger in dimensions, the alignment seems to be right but you can still see it not aligning with others.

Can someone help me on this? I want to make sure everything is aligned properly following the grid.

Password to website is : 1234

In CustomCSS, find this code

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 0.6vw;
}

change it to 1.2vw

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 1.2vw;
}

Hi Tuanphan,

It still doesn't work.

Add this to Design > Custom CSS

.sqs-layout:not(.sqs-editing)>.sqs-row:first-child>[class*=sqs-col]:first-child>.sqs-block:last-child, .sqs-layout:not(.sqs-editing) .sqs-block+.sqs-row .sqs-block:not(.float):last-child {
    padding-left: 1.2vw !important;
}

Thank you tuanphan! As always!

On 2/23/2021 at 4:49 AM, 1215742 said:

Thank you tuanphan! As always!

I see your site is expired. To extend trial (free), you can contact Squarespace Customer Care.