This spacing is caused by the CSS rule in your programmes.css file Line 1846.
The gap occurs because the grid is instructed via grid-template-rows: repeat(29, ...) (or 39 in the previous example) to generate a fixed number of rows. If your content ends higher up, empty rows remain at the bottom, maintaining this gap. Since this is a Squarespace website (recognizable by the Fluid engine), you have two options to remove this gap:
Method 1:
Directly in the Squarespace editor (Recommended) Edit the page in the Squarespace editor. Click on the affected section. A blue dot/handle will appear at the bottom of the section. Drag this handle upwards to decrease the number of empty grid rows until the yellow gap disappears.
Method 2:
Via CSS (If you are manually overriding the code) Decrease the number in the repeat() function in the CSS code so that the grid ends earlier. Try changing the value in the element’s stylesheet to a smaller number: css
/* Example: Reduce the number of rows from 29/39 to the exact value of your content */
grid-template-rows: repeat(22, minmax(24px, auto)) !important;
Hi there, @Abigail_Greenwood 
Sina is right and this issue occurs because of the Fluid engine used on Squarespace websites. We’ve fixed it with this code added to the Custom CSS field on the Settings tab of your widget’s settings:
.global-styles,
.fluid-engine:has([class*='elfsight-app']) {
grid-template-rows: unset !important;
}
Please check your website and let me know if it’s fine now 
This was perfect, thank you!
Great, you’re always welcome 
In the meantime, we’d like to invite you to join our Giveaway, where you could win 4 FREE Months for your subscription.
Check the details and join in: May Giveaway: Celebrate Community Anniversary & Win 4 FREE MONTHS! 