Container Alignment in Bubble.io

Container alignment in Bubble.io controls how children are positioned along the cross axis in row and column containers. Learn to centre, stretch and align elements correctly.

How do I use container alignment to build a responsive header in Bubble.io?

In this Bubble tutorial video we demonstrate how to create a responsive header and mobile menu with the Bubble new responsive engine.

Watch: How to create a responsive header and mobile menu in Bubble →
How do I use container alignment to create consistent page margins in Bubble.io?

In this Bubble.io tutorial video we demonstrate how to achieve a consistent and clean layout with a 20 pixel margin surrounding the inner content of your page…

Watch: How to create a consistent margin around page content using Groups →
How do I use container alignment to fix responsive layout issues in Bubble.io?

In this Bubble.io tutorial we demonstrate a new feature (November 2023) that provides a huge boost to responsive web design in Bubble.io

Watch: Responsive web design & custom breakpoints →