Nested Layouts

Learn how nested layouts work in Refoundry and how to build structured sections using containers, rows, and columns.

Last updated:

Description

In this tutorial, you’ll learn how nested layouts work in Refoundry and how adding containers, rows, and columns inside existing layouts allows you to build more structured and complex designs.

This tutorial will cover:

  • Creating additional structure using nested containers
  • Building a vertically stacked card-style layout
  • Adding rows and columns inside existing containers
  • Adding images and text within nested layouts
  • Adjusting spacing using padding and margin
  • Aligning images and text within structured layouts
  • Duplicating containers to quickly build stacked sections

Suggested videos:

Component Library

Responsive Layouts

Container Block | Refoundry

Row Block | Refoundry

Column Block | Refoundry

Image Block | Refoundry

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.