Live 17!

Dica: Assista na velocidade de 2x 😉 Se a velocidade de 2x é pouco para você, instale a extensão Video Speed Controller e acelere ainda mais!

Exercícios feitos na Live:

• Create Your First CSS Grid
• Add Columns with grid-template-columns
• Add Rows with grid-template-rows
• Use CSS Grid units to Change the Size of Columns and Rows
• Create a Column Gap Using grid-column-gap
• Create a Row Gap using grid-row-gap
• Add Gaps Faster with grid-gap
• Use grid-column to Control Spacing
• Use grid-row to Control Spacing
• Align an Item Horizontally using justify-self
• Align an Item Vertically using align-self
• Align All Items Horizontally using justify-items
• Align All Items Vertically using align-items
• Divide the Grid Into an Area Template
• Place Items in Grid Areas Using the grid-area Property
• Use grid-area Without Creating an Areas Template
• Reduce Repetition Using the repeat Function
• Limit Item Size Using the minmax Function
• Create Flexible Layouts Using auto-fill
• Create Flexible Layouts Using auto-fit
• Use Media Queries to Create Responsive Layouts
• Create Grids within Grids

Links citados:

Curso Gratuito de Grid Layout da Origamid

Quer contribuir com o projeto?

• Entre no Grupo do Discord e responda as eventuais perguntas que os iniciantes colocarem por lá.
• Traduza os arquivos desse repositório de enunciados do FreeCodeCamp

E me siga no Instagram 😊