Menu

Fix Column Height


Simple script that makes all columns same height. Just add classes Fix_Grid_Height and Fix_This_Height.
Example Code 1:
<div class="Grid_Row   Fix_Grid_Height" >
<div class="XS_Grid_1x4   Fix_This_Height"> XS_Grid_1x4 </div>
<div class="XS_Grid_1x4   Fix_This_Height"> XS_Grid_1x4 </div>
<div class="XS_Grid_1x4   Fix_This_Height"> XS_Grid_1x4 </div>
<div class="XS_Grid_1x4   Fix_This_Height"> XS_Grid_1x4 </div>
</div>
Example 1:
XS_Grid_1x4
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.
XS_Grid_1x4
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.
XS_Grid_1x4
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.
XS_Grid_1x4
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.

Example Code 2:
<div class="Grid_Row   Fix_Grid_Height" >
<div class="XS_Grid_1x3   Fix_This_Height"> XS_Grid_1x3 </div>
<div class="XS_Grid_1x3   Fix_This_Height"> XS_Grid_1x3 </div>
<div class="XS_Grid_1x3   Fix_This_Height"> XS_Grid_1x3 </div>
</div>
Example 2:
XS_Grid_1x3
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.
XS_Grid_1x3
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.The quick brown fox jumped over the lazy dog.
XS_Grid_1x3
The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog. The quick brown fox jumped over the lazy dog.