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:

aplique responsividade usando media queries

Quero estudar na alura

8h

Para conclusão

435

Pessoas nesse curso

9.3

Avaliação média

Certificado

De participação

Introdução_

O que você aprenderá_

  • Use media queries para criar layouts responsivos
  • Aplique técnicas de layout fluido com medidas flexíveis
  • Implemente imagens responsivas usando srcset
  • Entenda como flexbox e grid podem ajudar na construção de layout fluido
  • Teste e ajuste a responsividade do layout

Público alvo_

Pessoas desenvolvedoras que possuem experiência em HTML e CSS que querem aprofundar seus conhecimento em responsividade com media queries no CSS.

Neilton Seguins

github

linkedin

Sou graduado como Bacharel em Ciência e Tecnologia e em Engenharia Mecânica. Atuo como Instrutor de Desenvolvedor de Software na Alura e possuo experiência com desenvolvimento usando JavaScript/TypeScript, React js, Next js e Node.js. Amo compartilhar conhecimento, pois acredito que a educação é transformadora e quero mudar a vida de pessoas através da educação assim como consegui mudar de vida. Também amo ouvir e tocar música, ler livros e mangás e assistir séries.

Curso atualizado em 21/03/2025

Ementa

  1. Imagens e medidas flexíveis

    • Medidas relativas
    • Breakpoints
    • Conhecendo media queries
    • Imagens responsivas
  2. Criando um layout fluido

    • Seção de destaque
    • Seção quem somos responsiva
    • Ordenando elementos
  3. Mergulhando em media queries

    • Operadores nas medias queries
    • Media types
    • Seção de vantagens
  4. Dispositivos mobile

    • Media queries aninhadas
    • Construindo a tela mobile
    • Finalizando a responsividade
  5. Animações e deploy

    • Definindo a animação
    • Propriedade animation
    • Publicando seu projeto

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

Este e mais 5 cursos fazem parte das seguintes formações

Nossas formações são uma sequência de cursos e conteúdo para você se profissionalizar e se tornar quem o mercado procura!
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 68 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