Block Spacing Gap Not Working in Columns, But Works For Rows (v7.1)

Hi everyone,

I'm experiencing an issue with image gaps in Squarespace version 7.1. I have a set of individual images that, when placed directly next to each other, should create a larger image. I've set the gap to zero for both columns and rows, but only the columns have zero gaps. The rows still present a gap, disrupting the intended visual effect.

Details:

Template/Version: Squarespace 7.1
Custom Code: No custom CSS or code added
Browsers Tested: Chrome and Safari
Troubleshooting Steps: I've checked the issue in both Chrome and Safari, and the problem persists.

I've attached screenshots to illustrate the issue. Does anyone know how I can fix the row gap to zero or make adjustments to ensure the illusion works?

Thanks in advance for your help!

Can you share link to this page?

11 hours ago, tuanphan said:

Can you share link to this page?

Link

Try this to Website Tools > Custom CSS

section[data-section-id="66d37627a89db9107d5fdf38"] .fluid-image-container {
    width: 100% !important;
}
section[data-section-id="66d37627a89db9107d5fdf38"] img {
	object-fit: cover !important;
}

On 9/3/2024 at 3:00 AM, tuanphan said:

Try this to Website Tools > Custom CSS

section[data-section-id="66d37627a89db9107d5fdf38"] .fluid-image-container {
    width: 100% !important;
}
section[data-section-id="66d37627a89db9107d5fdf38"] img {
	object-fit: cover !important;
}

 

This fixed the problem with the columns! However, it created a new problem: the rows don't line up now. 

You try create new section under and use Classic Editor Section and add image again