Name: Curso CSS: construindo layouts com Grid
Rating: 4.55 (1998 reviews)

Matricule-se com desconto especial do Gaules!

construindo layouts com Grid

Quero estudar na alura

Para conclusão

3357

Pessoas nesse curso

9.1

Avaliação média

Certificado

De participação

O que você aprenderá_

Identifique as principais caracteristicas de um layout baseado em grid
Implemente valores para as alturas das linhas e larguras das colunas
Modifique o alinhamento vertical e horizontal dos elementos
Calcule o espaçamento vertical e horizontal entre os elementos
Integre as propriedades do grid para tornar o layout responsivo
Construa páginas complexas da web com grid container e grid item
Crie elementos como cards, menus e barra de rolagem com grid

Público alvo_

Pessoas desenvolvedoras com foco em front-end que querem aprimorar seus conhecimento em layouts responsivos; estudantes que desejam aprender como construir sites que se ajustam de acordo com o tamanho da tela do usuário.

Luan Alves

Sou Luan Alves, estudante de Análise e Desenvolvimento de Sistemas, instrutor de Desenvolvimento Front-End no Grupo Alura. Estou aqui para ajudar a tirar suas dúvidas, aprender e compartilhar conhecimento. :)

Curso atualizado em 18/09/2024

Já estuda na Alura?

Comece o curso agora

Ementa

Primeiros passos
- Iniciando o WaveCast
- Definindo áreas
- Ajustando colunas no Grid
Avançando no Grid
- Alinhando menu lateral
- Aplicando espaçamento com a propriedade gap
- Criando seções de podcasts
Grid layout responsivo
- Responsividade na seção cartões horizontais
- Definindo linhas e colunas nos cartões horizontais
- Posicionando itens com Grid-area
- Trabalhando com Grid-items - Align-self
Criando Grid com barra de rolagem
- Cartões verticais: definindo colunas
- Posicionando cartões verticais
Layout flexível unindo Grid e Flex
- Quando utilizar Grid ou Flex?
- Ajustando navbar e menu lateral

Descubra se esse curso é pra você! Leia as primeiras aulas

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Escola

Front-end

Desenvolva experiências web incríveis com HTML, CSS e JavaScript, além de se aprofundar nos principais frameworks do mercado, como React, Angular e Vue.JS. Domine JavaScript a fundo, para não depender de copiar e colar.

Conheça a escola