Build CSS Grid layouts visually. Adjust rows, columns, and gaps, then copy the code.
CSS Grid Layout is a two-dimensional layout system for the web. It lets you lay content out in rows and columns simultaneously, making it easy to design complex web layouts without using floats or positioning hacks.
grid-template-columns — Defines the number and size of columns
grid-template-rows — Defines the number and size of rows
gap — Sets the spacing between grid items
grid-column / grid-row — Controls item placement and spanning