Streaming live at 10am (PST)

Scalable CSS Grid class names

Suggestions for managing CSS Grid class names

Ok, so I'm completely overthinking the scalability of class names for Webflow's new CSS Grid...


Per class name, everything is dictated from the number of rows, gutter size, fr/px/% units… and it all changes per breakpoint.

My struggle right now is creating something like features_grid, but reusing it on a page that requires less (or more) columns / rows / spacing, as this breaks the original design.

So, should I…

  • Create new classes (or combo classes) for every subtle change? .features_grid + .col-13-row-1
  • Simplify and just use Grid on the <body> / page_wrapper as a guide for everything?

0 voters


:pray: :crossed_fingers: