Curso de CSS Grid: Simplificando layouts

Faça esse curso de HTML e CSS e:

• Simplifique a criação de layouts complexos.
• Posicione elementos com mais facilidade.
• Utilize grid para calcular e alinhar elementos.
• Crie templates com mais eficiência e simplicidade.
• Diga para os elementos onde eles devem se posicionar.
• Diga para os elementos onde eles devem começar e terminar.

Conteúdo Detalhado

1. Criando e definindo o layout base e seção de destaques

   • Definindo o template, colunas e linhas
   • Definindo as colunas
   • Definindo as linhas
   • Criando a seção destaques
   • Posicionando elementos
   • Estilizando os destaques

2. Estilizando a seção de populares

   • A seção de populares
   • Finalizando o populares
   • Calculando tamanho do card

3. Estilizando o cabeçalho, menu e rodapé

   • Estilizando o cabeçalho
   • O conteúdo e rodapé
   • Centralizando conteúdo

4. Deixando o site responsivo

   • Seção de destaques
   • Seção de populares
   • Criando uma media query