- grid-template-columns
- grid-template-rows
- grid
- justify-items
- align-items
- place-items
- justify-content
- align-content
- place-content
- grid-row-gap
- grid-column-gap
- grid-gap
- grid-auto-flow
- grid-auto-columns
- grid-auto-rows
- grid-template-areas
- align-self
- justify-self
- place-self
- grid-column
- grid-column-start
- grid-column-end
- grid-row
- grid-row-start
- grid-row-end
- grid-area
Parent
Children
'header'
'sidebar'
'content'
'footer'
header
sidebar
footer
content
'header header'
'sidebar content'
'footer footer'
header
sidebar
footer
content
'sidebar header'
'sidebar content'
'sidebar footer'
header
sidebar
footer
content
'. . header header'
'. content content .'
'footer footer . sidebar'
header
sidebar
footer
content
'header header header header'
'content content content sidebar'
'footer footer footer sidebar'
header
sidebar
footer
content
🛈 React School creates templates and video courses for building beautiful apps with React. Download our free Material UI template.