Setting Spacing Properties

Configuring spacing properties ensures that your website's layout is consistent and visually appealing across different devices. By setting the maximum content width and vertical spacing, you can control how your content is displayed, enhancing readability and user experience.

Steps to Configure Spacing Properties:

Maximum Content Width:

Set the maximum content width for your pages. This determines how wide your content can stretch across the screen, ensuring a consistent and comfortable reading experience.

Vertical Spacing for Sections:

• Configure the vertical spacing of sections to control the amount of space between different sections on your pages.
• Set the spacing separately for desktop and mobile to ensure optimal layout and readability on all devices.

By setting these spacing properties, you ensure a consistent and professional layout across your website. In subsequent lessons, we will cover how to configure other global styles, such as text styles, buttons, forms, and global header and footer styles. This comprehensive approach will help you create a unified and visually appealing website.