Fluid Columns Stack

You may also likeā€¦

Fluid Columns

Fluid Columns is a responsive design based columns stack. If you have a responsive or variable width site, this stack will allow you to create columns on your website that will be dynamically rearranged based on the browser width.


image thumbnail
image thumbnail

This webpage is fixed width. Therefore, you will not see the responsive features.

Stacks Image 70029

Fluid
Animated
Layouts

Stacks Image 70037

Unlimited
Possibilities

Stacks Image 70045

Uniform
Sizing & Styles

Stacks Image 70053

Dynamic
Sizing


Can contain anything
that you want

Watch Video for
Responsive Demo

text, images, video,
lightboxes, so much more

Stacks Image 70082

So Many
Layout
Options

See some
example layouts
below

Stacks Image 70093

Fluid Rows
This layout mode will continue to add columns until the allowed width is filled.
New rows will be dynamically created as needed.

A

B

C

D

E

F

G

H

I

J

K

L


Fluid Grid
This layout has a defined number of columns to create a grid.
Grid size will dynamically change based on browser width.

A

B

C

D

E

F

G

H

I

J

K

L


Masonry
The layout will fill in the empty spaces left by the columns. Think of it like Tetris!
As the browser window resizes, the columns will be rearranged to fit the width.

A

B

C

D

E

F

G

H

I

J

K

L


Masonry Stamp
This layout adds a corner stamp to the Masonry layout.
The stamp can be on the left or right and contain anything you want.

Stacks Image 70260

A

B

C

D

E

F

G

H

I

J

K

L