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)