Resumo do curso

  • 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.

Público alvo

Desenvolvedores(as) front-end e interessados em aprender grid layout

Conteúdo relacionado

Cursos de HTML e CSS em Front-end

Leia nossos artigos de Front-end

Última atualização

08/06/2020

Já é aluno?

Comece o curso agora

8h

p/ conclusão

40

Atividades

108

Minutos de video

6007

Alunos nesse curso

8.7

Nota deste curso

Certificado de participação

Formações com esse curso

Instrutores

  • Apaixonado pelo mundo dos códigos e um eterno estudante, gosto de aprender e saber um pouco de tudo, aquela curiosidade de saber como tudo funciona, tento compartilhar o máximo de conhecimentos adquiridos e ajudar todos aqueles que sou capaz.

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

Ainda não estuda com a gente?

Invista na transformação da sua carreira!

Comece agora

Aprenda HTML e CSS com esse e outros cursos, comece agora!

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1269 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas