Aniversário
Alura 12 anos

20% OFF

Falta pouco!

00

DIAS

00

HORAS

00

MIN

00

SEG

Matricule-se com desconto especial do Gaules!

Logo do curso
Curso

CSS:

Flexbox e layouts responsivos

Quero estudar na alura

6h

Para conclusão

16000

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Aprenda a utilizar propriedades do Flexbox na prática construindo um projeto responsivo
  • Altere o eixo de itens para horizontal ou vertical
  • Aplique vídeos de forma responsiva utilizando propriedades Flexbox
  • Conheça as características do Flexbox
  • Integre as propriedades Flexbox com outras propriedades CSS

Público alvo_

Pessoas com interesse em aprender a construir páginas responsivas com Flexbox. Pessoas desenvolvedoras front-end, ou pessoas com interesse em ingressar na área.

Luan Alves

github

linkedin

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 15/01/2025

Ementa

  1. Conhecendo o poder do Flexbox

    • Caixa flexível: cabeçalho
    • align-items: finalizando o cabeçalho
    • Estilos com @media
  2. Rodapé responsivo

    • Linhas e colunas: flex-direction
    • Quebra de coluna e linha: flex-wrap
    • Gap: otimizando espaços
  3. Menu mobile-first

    • Fixando menu mobile
    • Mobile: elementos em linha
    • Mobile: align-self
    • Mobile: alinhando itens
  4. Menu flexível

    • Menu desktop: inserindo listas
    • Menu desktop: alterando eixos
    • Definindo ordem: order
  5. Vídeos flex-grow

    • Adicionando vídeos no projeto
    • Ajustando os vídeos de forma responsiva

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

Pessoas estudando esse curso nesse mês:

Estude com elas

e mais 242 pessoas

Faça parte da nossa comunidade no discord!

Troque conhecimentos com a comunidade da Alura

Escolha a duração
do seu plano

Conheça os Planos para Empresas