recentpopularlog in

piperh : columns   24

GitHub - vladocar/infinity-css-grid: Fluid Flex Solution for making infinite grid columns.
interesting flexbox-based grid column layout. Minimat amount of code, nice responsive layout. Columns have to be equal I think but can merge. Maybe with with some 'self:' added you could have a wider or narrow er column
webdesign  web  design  grid  css  flex  flexbox  responsive  layout  columns 
12 weeks ago by piperh
Editorial Layouts, Floats, and CSS Grid | Rob Weychert
shows how css grid doesn't accommodate text wrap around images - you end up using a float like always, which seems to undermine the usefullness of grid. (I can't believe this use case wasn't an important consideration in the implementation of grid).
See addendum linked to Rachel Andrew and css exclusions (currently only in Edge)
webdesign  web  design  css  grid  code  coding  width  columns  float  wrap  around  text  editorial  layout  gutter  margin 
november 2018 by piperh
Methods for Equal Height Columns by Craig Fox on CodePen
there's a nice tip about flex: if you specify flex-wrap:wrap; the rows will distribute into the number of columns you want
webdesign  web  design  code  coding  css  html  equal  height  columns  methods 
july 2017 by piperh
How to Build a News Website Layout with Flexbox
tutorial about news site layout with flexbox. Could be a useful generally to understand how flexbox works.
webdesign  web  design  flex  flexbox  css  layout  columns  grid  page 
june 2016 by piperh

Copy this bookmark:

to read