Steven Vachon

Archive for posts tagged with “responsive

wRECkeR: Responsive Equal-Height Columns and Rows


Wrecker is a dynamic layout plugin for jQuery that achieves equal-height rows in a grid layout. Similar to a float layout in that excess “cells” are moved to the following “row”. However, unlike, in that columns line up vertically and the cells of each row are equal in height based on their contents, just like a <table>. No static heights required. Read more

Inside-Only CSS Table border-spacing


When working with a <table> or display:table layout, getting some nice space between each cell can be a real pain. Resorting to hacks like padding or a transparent border sometimes work, but not if you need a visible border or box-shadow. Read more