DEV Community

davidka7
davidka7

Posted on

CSS GRID

An awesome way to organize your text or your forms on the screen.

For example
.box {
display: grid;
grid-template-columns: 20% 20% 20% 20% 20%;
grid-template-rows: 20% 20% 20% 20% 20%;
}

this would hold your main div together and split it into a 5x5 grid

now to set a child div into any grid just use this syntax

.row-1 {
grid-row: ?;
grid-column: ?;
}

Top comments (0)