DISPLAY GRID: Guia completo para Iniciantes em CSS

Sobre o Curso

Olá, pessoal!

O CSS Grid é uma poderosa ferramenta que permite criar layouts complexos e responsivos para suas páginas da web com facilidade. Neste vídeo, vamos explorar todos os aspectos do CSS Grid, desde os conceitos básicos até técnicas avançadas.

O que você vai aprender

• Fundamentos do CSS Grid: Container e Item
• Propriedade display: grid
• Definição de colunas com grid-template-columns
• Definição de linhas com grid-template-rows
• Utilização da unidade fr (fractional unit)
• Funções repeat() e minmax() para layouts flexíveis
• Controle de espaçamento com gap (grid-row-gap e grid-column-gap)
• Alinhamento de itens dentro das células: justify-items e align-items
• Alinhamento do conteúdo da grid: justify-content e align-content
• Atalho para alinhamento: place-items
• Criação de layouts por áreas com grid-template-areas
• Geração automática de linhas com grid-auto-rows
• Posicionamento de itens específicos com grid-column e grid-row
• Alinhamento individual de itens: align-self e justify-self

Pré-requisitos

• Conhecimento básico de HTML
• Conhecimento básico de CSS

Para quem é este curso

Desenvolvedores iniciantes em CSS ou aqueles que desejam aprofundar seus conhecimentos em CSS Grid para criar layouts responsivos e complexos de forma eficiente.