Responsive Columns

I’m 50% on small width devices, 33% on medium width devices and 25% on large width devices

I’m 50% on small width devices, 33% on medium width devices and 25% on large width devices

I’m 50% on small width devices, 33% on medium width devices and 25% on large width devices

I’m 50% on small width devices, 33% on medium width devices and 25% on large width devices

the “Auto” column takes all available space of the container no matter what’s inside the column

the “Auto” column takes all available space of the container no matter what’s inside the column

the “Auto” column takes all available space of the container no matter what’s inside the column


“Fit Content” width
is based
on the
column
content

the “Auto” column takes all available space of the container no matter what’s inside the column

this is 25% column width just for demonstration


Horizontal Align Left

Horizontal Align Left


Horizontal Align Center

Horizontal Align Center


Horizontal Align Space Between

Horizontal Align Space Between


Horizontal Align Right

Horizontal Align Right