Equal height cols with a flexible width

Resize your browser window to see the effect

First col

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

Second col

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

Second col

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

Last col

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

We'll give this col a different height than it's sibling cols. Resize your browser window to see the effect.

  1. Equal height cols with a flexible width
  2. Equal height cols with a flexible width, a border and padding between the boxes
  3. Equal height cols with a flexible width, padding between the boxes, rounded corners, dropshadows and flexible background-colors