FYI: grid columns don't have to be equal‼️

I keep seeing ppl extracting ratios, ending up with 10+ columns. Then every single damn item on the grid needs to have explicitly set how many columns it spans. 🙄

When 3 unequal columns means not having to set that on half the items‼️

#CSS #grid #gridLayout #cssGrid #code #coding #frontend #webDev #web #dev #webDevelopment

Something I just quickly coded (Twitter Spaces/ #CodePen Professor Mode): no text duplication slice effect https://codepen.io/thebabydino/pen/RwmPZVR

Inspired by https://pinterest.com/pin/639933428330469717/ & also an entry for this week's #CodePenChallenge.

Version with primitiveUnits="objectBoundingBox" https://codepen.io/thebabydino/pen/zYQGEZq - see https://mastodon.social/@anatudor/112438541045537778

#css #svg #filter #svgFilter #code #coding #frontend #web #dev #webDev #webDevelopment