Css Grid Wrap columns keep row height -
i'm not sure if solvable css grid and/or css flexbox @ all, thought i'd give try , ask here.
https://codepen.io/anon/pen/qmowwr
in codepen see css grid multiple columns, wrap when viewport small. should , it's nice how easy css grid.
but, i'd have additionally row heights equal based on cell height in row.
to illustrate added more text in 1 cell in each column , <hr>
elements simulate borders - so, speaking this, i'd have <hr>
tags on same height in every column, arbitrary content within cell.
thx hints, marius
one solution use javascript check maximum height of each cell in each row, , resize other cells accordingly.
something this: https://codepen.io/anon/pen/rzyaey
however perhaps more idiomatic solution use <table>
element , style accordingly.
Comments
Post a Comment