Skip to main content

Recipe Display

Centering a Box (both vertically and horizontally)

Space Between Items Horizontally

Left

Right

Reverse the Order of Items

Without Row Reverse

First

Second

With Row Reverse

First

Second

Main Content

Equal-Height Columns

Short

Tall
Content
Here

Prevent Item from Growing

Fixed

Flexible

Align a Button to the Bottom of a Card

Card content

Logo

Centering a Box (both vertically and horizontally)
Space Between Items Horizontally
Reverse the Order of Items
Sidebar Layout
Equal-Height Columns
Prevent Item from Growing
Align a Button to the Bottom of a Card
Align Items in a Navigation Bar