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...

:crazy_face:

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




PLS HALP

:pray: :crossed_fingers: