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)

Create an Account!

👀 Just want to lurk?

That's fine, you can still create an account and turn on features like 🌚 dark mode.