Column Sections

Learn how to create a simple two-column layout using Refoundry’s container, row, and column system. Adjust widths, apply styling, add spacing, and control full-width vs constrained layouts — all in just a few steps.

Last updated:

Description

In this lesson, you’ll learn how to build a clean, responsive two-column section using Refoundry’s layout system. Starting with a container, you’ll add a row and columns, adjust column widths, apply background colors, and add text styling and spacing for readability.

You’ll also see how to quickly duplicate columns and control section width using the max-width toggle — giving you flexibility between constrained and full-width layouts.

By the end, you’ll understand the foundational structure behind most Refoundry layouts and how to build flexible sections in just a few minutes.

Relate Resources

Keep exploring.

Explore more resources we’ve selected to help you dig deeper into topics that matter to your workflow.

Ready to take the next step?

Put your learning into action.

Whether you’re exploring on your own or want guided support, Refoundry makes it easy to start building smarter today.