Responsive Settings

Learn how to use responsive settings in Refoundry, including stacking columns, hiding elements on mobile, and device-specific styling.

Last updated:

Description

In this tutorial, you’ll learn how responsive settings work in Refoundry and how to control layout behavior across desktop, tablet, and mobile views.

This tutorial will cover:

  • Switching between desktop, tablet, and mobile previews
  • Changing column widths for mobile layouts
  • Stacking columns vertically on smaller screens
  • Using Flex settings to control alignment and stacking behavior
  • Hiding columns on specific device views
  • Applying styling changes per device without affecting others

Suggested videos:

Image Block

Background Images

Related resources:

Responsive Block Settings | Refoundry

Responsive Previews | 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.