HTML CSS examples for CSS Widget:Table Height
Dynamic grid, make fluid boxes same height
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #row {<!-- w w w . j a v a 2 s.c om--> float:left; border:2px solid Chartreuse; } .col { display:inline-block; vertical-align:top; width:31%; border:2px solid yellow; margin:2%; } @media screen and (max-width: 400px) { .col { width:46%; } } </style> </head> <body> <div id="row"> <span class="col">Lore</span> <span class="col">Lorem ipsum dolor sit amet, consectetur adipiscing el</span> <span class="col">Lore</span> <span class="col">Lore</span> <span class="col">Lore</span> <span class="col">Lore</span> </div> </body> </html>