HOME | DD

imnotsana — Columns Snippet: Equal Height and Width

Published: 2013-06-08 19:46:56 +0000 UTC; Views: 3140; Favourites: 60; Downloads: 161
Redirect to original
Description Live Preview: [link]
Here's a free Snippet describing how to easily make your own number of columns have the same width and the height of the longest column using tables
Think the preview describes it all. I've only included the basic CSS properties, you're free to add as many as you like. Hope you find it useful!

Other Column Tutorials: CSS Did You Know? - June 6th, 2013Volume 12
:iconcss-dyk:
Welcome
CSS can be difficult when you're unfamiliar to it. So that's why we're writing these articles! If you have any suggestions or would like to write a section in future CSS Did You Know? articles, please note #CSS-DYK.
Inside
Creating Columns by `miontre
:iconmiontre:
Creating Columns
Multiple columns are a great way to present your information in a journal skin. Whether you simply want to write text in two columns, or want to do something more advanced with it, columns are a great way to add that little bit extra to your aesthetics!
There is no limit to the number of columns you create, but you need to keep in mind that if you add too many your design will start to look worse on smaller screens. I personally find it's best to stick to two or three columns (though even numbers are much easier to work with). Throughout this tutorial, I'm going to work with three columns.
Also
Related content
Comments: 0