Section

The Section content component is designed as an alternative to the default HTML Content block. It allows content editors to control spacing, layout, and styling without needing to manually apply CSS classes.

Key Takeaways

• Configure width, alignment, padding, spacing, and background color as needed.
• Use heading styles via the editor (start with Heading 2 for accessibility).

Best Practices

• Use Readable width for longer text to improve readability.
• Avoid using multiple Heading 1s—reserve it for the page title.
• Remove extra spacing in the editor to prevent unexpected layout gaps.
• Keep sections visually distinct with spacing and background colors.
• Structure content for easy scanning with clear headings and concise text.