Defining grid
containers &
grid items
In this presentation, you will learn
, Grid Conta
• Serves as a parent or a wrapper for a se
• The ‘display’ property is set to ‘grid’ or ‘
• Have rows and columns that define the s
• Properties to define a grid container:
- ‘display: grid;’ or ‘display: inline-grid;’
- ‘grid-template-columns’ and ‘grid-tem
- ‘grid-gap’ or ‘grid-row-gap’ and ‘grid-c
- ‘grid-template-areas’
containers &
grid items
In this presentation, you will learn
, Grid Conta
• Serves as a parent or a wrapper for a se
• The ‘display’ property is set to ‘grid’ or ‘
• Have rows and columns that define the s
• Properties to define a grid container:
- ‘display: grid;’ or ‘display: inline-grid;’
- ‘grid-template-columns’ and ‘grid-tem
- ‘grid-gap’ or ‘grid-row-gap’ and ‘grid-c
- ‘grid-template-areas’
