Squarespace 7.1 sections don't vertically center content by default. Using flexbox on the content wrapper with a minimum height creates a hero-style centered layout.
Set the section to a specific min-height (like 80vh for most of the viewport) and use align-items: center to push content to the vertical middle of the section.
[data-section-id="YOUR_SECTION_ID"] .content-wrapper {
display: flex;
align-items: center;
justify-content: center;
min-height: 80vh;
text-align: center;
}
[data-section-id="YOUR_SECTION_ID"] .content-wrapper > * {
width: 100%;
}Generate this with our Section BuilderTry it free →
