road-to-css-grid

Ejercicios practicos repasando los fundamentos más basicos de CSS Grid Layout

Comenzando 🚀

Propiedades del contenedor

• grid-template
• grid-auto
• gap

Propiedades de alineación

Alineación items (elementos)

• Justify-items
• Align-items
• Place-items

Alineación container (grid)

• Justify-content
• Align-content
• Place-content

Alineación de un solo item individual

• Justify-self
• Align-self
• Place-self

Propiedades de ubicación

Propieades de ubicación columns

• grid-column-start
• grid-column-end
• grid-column (start / end)

Propieades de ubicación rows

• grid-row-start
• grid-row-end
• grid-row (start / end)

Grid Area

Funciones especiales

• minmax
• repeat

Keywords Especiales

• fr
• min-content
• max-content
• auto-fill
• auto-fit