Just a newbie question - how does the Webflow grid (new css grid feature) work with the 12 column grid system? Do we still need the greed system building pages with CSS grid?
Webflow grid is “flexbox
” 12 col grid (Chrome → Inspect element to see the CSS code). The answer is yes (The " CSS grid" in one more powerful tool).
Flexbox vs. CSS grid
columns (webflow grid) vs. Flexbox grid
In other words for layouts now you got 3 main and/or options:
- columns
-
Flexbox (
display: flex;
) - CSS grid (
display: grid;
)
(Newer lesson available — see description) CSS grid layouts in Webflow — Visual layout tutorial - YouTube