Como criar um layout responsivo com HTML e CSS usando Flexbox e Grid?

O curso ensina Flexbox, CSS Grid e media queries para criar layouts adaptáveis a diferentes telas.

Como centralizar elementos horizontal e verticalmente com CSS?

Você aprenderá técnicas com Flexbox, posicionamento CSS e outras propriedades de alinhamento.

Como usar imagens responsivas em HTML com picture e srcset?

O curso mostra como usar picture, source, srcset e sizes para servir imagens adequadas a cada contexto.

Imagem do Curso gratuito Web Fundamentos: HTML e CSS com Projetos

Curso online gratuito Web Fundamentos: HTML e CSS com Projetos

Name: Web Fundamentos: HTML e CSS com Projetos
Availability: InStock

Duração do curso online: 24 horas e 59 minutos

Novo

Crie páginas do zero e evolua para layouts responsivos com HTML e CSS. Curso online gratuito com projetos práticos para entrar no Front-End.

Neste curso gratuito, aprenda sobre

Estrutura base de páginas HTML: head/body, metatags e hierarquia de títulos (H1–H6)
Uso das principais tags HTML e semântica para organizar conteúdo (header, nav, section, article, footer)
Boas práticas de CSS: arquivo externo, comentários, classes e manutenção em sites com várias páginas
Seletores, pseudo-classes e pseudo-elementos (::before/::after) e a propriedade content
Box model, box-sizing, overflow e técnicas de centralização e alinhamento
Layouts com display (inline/block/inline-block), float/clear e efeitos no fluxo do documento
Posicionamento com position (relative/absolute) e como definir o contexto de posicionamento
Trabalho com imagens: background, attachment fixed e caminhos relativos em CSS
Formulários: semântica, tipos de input, placeholder e uso de method=POST para privacidade
Efeitos visuais: border-radius, box-shadow, text-shadow, gradientes e fontes customizadas (@font-face)
Interações e animações: transitions, hover e animation/@keyframes vs transition
Design responsivo: media queries, unidades em/rem, normalize.css e CSS para impressão (media)
Layout moderno com Flexbox: container/itens, alinhamento, ordem e flex para ocupar espaço livre
CSS Grid: templates, fr, áreas, auto-fill/auto-fit e posicionamento por linhas

Sobre o curso online gratuito

Web Fundamentos: HTML e CSS com Projetos é um curso online gratuito para quem quer sair do zero e aprender a construir interfaces modernas com a base mais importante do Front-End. Em vez de focar apenas em teoria, você desenvolve visão prática de estrutura, semântica e estilização, entendendo como cada detalhe do código influencia aparência, organização e experiência de uso de um site.

Ao longo do treinamento, você aprende a escrever um HTML bem estruturado, usando as tags certas para cada tipo de conteúdo, criando páginas que fazem sentido para pessoas, buscadores e leitores de tela. Essa preocupação com semântica e metadados ajuda a formar um hábito essencial: pensar em sites que não apenas “funcionam”, mas são bem construídos, fáceis de manter e prontos para crescer.

No CSS, você evolui das primeiras regras para técnicas que realmente aparecem no dia a dia: classes, box model, posicionamento, imagens e backgrounds, estilização de menus, links e listas, além de efeitos visuais como sombras, gradientes e fontes customizadas. A ideia é consolidar o raciocínio de layout, espaçamento e alinhamento para que você consiga reproduzir interfaces com mais segurança e menos tentativa e erro.

Um diferencial do curso é o aprendizado com projetos: você vê como organizar arquivos, reutilizar estilos, ajustar detalhes finos (como áreas clicáveis, centralizações e comportamentos de hover) e refatorar para deixar o código mais limpo. Isso aproxima a experiência do que acontece em trabalho real e ajuda a montar repertório para o portfólio.

Você também entra no universo do design responsivo, entendendo como adaptar layouts para diferentes telas com media queries, unidades relativas e boas práticas de compatibilidade entre navegadores. E, quando já estiver confortável com o essencial, o curso avança para recursos modernos como Flexbox e CSS Grid, além de seletores avançados, pseudo-classes e pseudo-elementos, permitindo criar componentes mais elaborados com menos código.

Ao final, você terá uma base sólida para seguir em trilhas mais avançadas (JavaScript, frameworks e UI) e, principalmente, a autonomia para criar páginas completas, estilizadas e responsivas, com uma mentalidade de qualidade e manutenção desde o início.

Conteúdo do curso

Aula em vídeo: Seção 1 - Aula 1 - CURSO HTML e CSS - Apresentação 06m
Exercício: Qual é o foco principal do treinamento em Web Fundamentos?
Aula em vídeo: Seção 1 - Aula 2 - CURSO HTML e CSS - Introdução 19m
Aula em vídeo: Seção 1 - Aula 3 - Primeiro HTML 13m
Aula em vídeo: Seção 1 - Aula 4 - Algumas Tags principais 14m
Exercício: Qual é o objetivo principal das tags de título (H1 a H6) no HTML?
Aula em vídeo: Seção 1 - Aula 5 - Principais tags - mão na massa 16m
Aula em vídeo: Seção 1 - Aula 6 - Correção de exercício 04m
Aula em vídeo: Seção 1 - Aula 7 - Estrutura base - teoria 07m
Exercício: Qual é a função principal da tag head em um documento HTML?
Aula em vídeo: Seção 1 - Aula 8 - Estrutura base - mão na massa 08m
Aula em vídeo: Seção 1 - Aula 9 - Para que servem as Metatags? 03m

Aula em vídeo: Seção 2 - Aula 1 - As folhas de estilo em cascata 13m
Exercício: Qual é a forma mais recomendada de aplicar CSS em um site com várias páginas, visando facilitar a manutenção?
Aula em vídeo: Seção 2 - Aula 2 - Primeiras regras de CSS 15m
Aula em vídeo: Seção 2 - Aula 3 - Adicionando Classes 05m
Aula em vídeo: Seção 2 - Aula 4 - Background ou background-color? 00m
Exercício: Ao definir apenas a cor de fundo em CSS, qual propriedade é a mais indicada para usar?
Aula em vídeo: Seção 2 - Aula 5 - Box-model 12m
Aula em vídeo: Seção 2 - Aula 6 - Box-model - parte 2 06m
Aula em vídeo: Seção 2 - Aula 7 - Pseudo-classes e list-style 03m
Aula em vídeo: Seção 2 - Aula 8 - Praticando 13m
Aula em vídeo: Seção 2 - Aula 9 - Exercício. Centralizar na tela 07m
Aula em vídeo: Seção 2 - Aula 10 - Exercício. HTML 12m
Exercício: Qual é a sintaxe correta para criar comentários no CSS?
Aula em vídeo: Seção 2 - Aula 11 - Exercício. CSS 12m

Aula em vídeo: Seção 3 - Aula 1 - Trabalhando com imagens 08m
Aula em vídeo: Seção 3 - Aula 2 - Imagens - mão no código 14m
Exercício: Qual propriedade CSS faz a imagem de fundo ficar fixa na janela, sem rolar junto com a página?
Aula em vídeo: Seção 3 - Aula 3 - Estruturando layouts com semântica 13m
Aula em vídeo: Seção 3 - Aula 4 - Projeto 1 - HTML 11m
Aula em vídeo: Seção 3 - Aula 5 - Projeto 1 - CSS 19m
Exercício: Ao criar um arquivo CSS dentro da pasta css e precisar usar uma imagem que está na pasta imagens no mesmo nível, qual caminho relativo é o mais adequado para o background-image?
Aula em vídeo: Seção 3 - Aula 6 - footer - como centralizar na vertical 02m
Aula em vídeo: Seção 3 - Aula 7 - CSS display: inline, block e inline-block 15m
Aula em vídeo: Seção 3 - Aula 8 - Projeto 1 - menu horizontal 14m
Exercício: Ao estilizar um menu de navegação com
e , qual combinação de display permite que os itens fiquem lado a lado e o link () ocupe toda a área clicável do item?

Aula em vídeo: Seção 3 - Aula 9 - CSS Box-sizing 05m

Aula em vídeo: Seção 3 - Aula 10 - CSS Float 06m

Aula em vídeo: Seção 3 - Aula 11 - CSS Float e clear na prática 13m

Exercício: Ao aplicar float: left em um elemento, qual efeito colateral comum ocorre no fluxo do documento e como pode ser corrigido no elemento seguinte?

Aula em vídeo: Seção 3 - Aula 12 - Projeto 1 - cards horizontais 12m

Aula em vídeo: Seção 4 - Aula 1 - CSS Position 09m
Aula em vídeo: Seção 4 - Aula 2 - CSS Position na prática 09m
Exercício: Ao usar position: absolute em um elemento, o que faz ele passar a se posicionar em relação ao bloco laranja (pai) em vez de se posicionar em relação ao documento?
Aula em vídeo: Seção 4 - Aula 3 - Projeto Fashion - início 05m
Aula em vídeo: Seção 4 - Aula 4 - Projeto Fashion - HTML 15m
Aula em vídeo: Seção 4 - Aula 5 - Projeto Fashion - CSS - parte 1 18m
Exercício: Ao posicionar um menu com position: absolute dentro do cabeçalho, o que é necessário no elemento pai para que o posicionamento (top/left) seja relativo a ele, e não ao documento inteiro?
Aula em vídeo: Seção 4 - Aula 6 - Projeto Fashion - CSS - parte 2 11m

Aula em vídeo: Seção 5 - Aula 1 - Listas aninhadas e de definição 03m
Aula em vídeo: Seção 5 - Aula 2 - Listas aninhadas e de definição na prática 08m
Exercício: Qual seletor CSS oculta apenas a lista (ol/ul) que está dentro de um item (li) de outra lista, sem esconder a lista principal?
Aula em vídeo: Seção 5 - Aula 3 - Overflow 06m
Aula em vídeo: Seção 5 - Aula 4 - Tabelas 06m
Aula em vídeo: Seção 5 - Aula 5 - Tabelas na prática 10m
Exercício: Em uma tabela HTML, qual atributo deve ser usado para fazer uma célula (TD) ocupar 3 colunas, como no rodapé com uma frase única?

Aula em vídeo: Seção 6 - Aula 1 - Formulário de busca no Google 14m
Aula em vídeo: Seção 6 - Aula 2 - Semântica em formulários 06m
Aula em vídeo: Seção 6 - Aula 3 - CSS em formulários 15m
Exercício: Em um formulário de login, qual atributo do
é mais indicado para evitar que usuário e senha apareçam na URL?
Aula em vídeo: Seção 6 - Aula 4 - Tipos de entrada de dados - parte 1 16m
Aula em vídeo: Seção 6 - Aula 5 - Tipos de entrada de dados - parte 205 05 23m
Aula em vídeo: Seção 6 - Aula 6 - Tipos de entrada de dados - parte 3 02m
Exercício: Qual é a finalidade correta do atributo HTML placeholder em um input?

Aula em vídeo: Seção 7 - Aula 1 - Quais efeitos veremos? 01m
Aula em vídeo: Seção 7 - Aula 2 - CSS Border-radius 07m
Aula em vídeo: Seção 7 - Aula 3 - CSS Box-shadow 05m
Exercício: Na propriedade CSS box-shadow, o que acontece ao usar valores negativos no deslocamento do eixo X e do eixo Y?
Aula em vídeo: Seção 7 - Aula 4 - CSS text-shadow 04m
Aula em vídeo: Seção 7 - Aula 5 - CSS gradiente linear 15m
Aula em vídeo: Seção 7 - Aula 6 - Fontes customizadas 11m
Exercício: Qual é a forma correta de definir e usar uma fonte customizada em CSS?
Aula em vídeo: Seção 7 - Aula 7 - CSS transitions (transições suaves) 14m

Aula em vídeo: Seção 8 - Aula 1 - Projeto Strata - início 13m
Aula em vídeo: Seção 8 - Aula 2 - Seção Recent Works 07m
Exercício: Ao estruturar uma área de “trabalhos recentes” com vários cards (imagem + título + texto), quais elementos HTML semânticos são mais adequados para separar a seção e representar cada card?
Aula em vídeo: Seção 8 - Aula 3 - HTML Get in Touch 09m
Aula em vídeo: Seção 8 - Aula 4 - HTML - Elements - parte 1 20m
Aula em vídeo: Seção 8 - Aula 5 - HTML - Elements - parte 2 - Links 05m
Aula em vídeo: Seção 8 - Aula 6 -HTML - Elements - parte 3 - Tabelas 01m
Aula em vídeo: Seção 8 - Aula 7 - HTML - Elements - parte 4 - buttons 11m
Aula em vídeo: Seção 8 - Aula 8 - HTML - Elements - parte 5 - Imagens 05m
Exercício: Para organizar uma seção de imagens em HTML e facilitar a formatação no CSS, qual estrutura é a mais adequada?
Aula em vídeo: Seção 8 - Aula 9 - CSS - Início 14m
Aula em vídeo: Seção 8 - Aula 10 - CSS - Estrutura 21m
Aula em vídeo: Seção 8 - Aula 11 - CSS - parte 1 - base 17m
Exercício: Para evitar que a borda inferior do link desapareça de forma brusca ao tirar o mouse, qual ajuste é o mais indicado?
Aula em vídeo: Seção 8 - Aula 12 - CSS - parte 2 - listas 14m
Aula em vídeo: Seção 8 - Aula 13 - CSS - parte 3 - botões 09m
Aula em vídeo: Seção 8 - Aula 14 - CSS - parte 4 - tabelas 11m
Exercício: Qual propriedade CSS é usada para remover o espaço entre as bordas das células de uma tabela, fazendo parecer uma borda única?
Aula em vídeo: Seção 8 - Aula 15 - CSS - parte 5 - Get in Touch 23m
Aula em vídeo: Seção 8 - Aula 16 - CSS - parte 6 - arrumar o formulário 05m
Aula em vídeo: Seção 8 - Aula 17 - CSS - parte 7 - ajustes 10m
Aula em vídeo: Seção 8 - Aula 18 - CSS - parte 8 - Galeria de imagens - 3 colunas 12m
Aula em vídeo: Seção 8 - Aula 19 - CSS - parte 9 - Corrigir grid 10m
Aula em vídeo: Seção 8 - Aula 20 - CSS - parte 10 - hover nos botões 05m
Exercício: No CSS, qual propriedade pode ser usada para criar uma animação suave ao passar o mouse (hover) em botões e links, aplicando a transição a qualquer propriedade alterada?
Aula em vídeo: Seção 8 - Aula 21 - CSS - parte 11 - footer 04m
Aula em vídeo: Seção 8 - Aula 22 - Resultado Final 02m
Aula em vídeo: Seção 8 - Aula 23 - Refatoração 11m
Exercício: Qual é a forma mais correta de esconder um texto apenas visualmente, mantendo-o acessível para leitores de tela?

Aula em vídeo: Seção 9 - Aula 1 - Seletores compostos - parte 1 11m
Aula em vídeo: Seção 9 - Aula 2 - Seletores compostos - parte 2 17m
Aula em vídeo: Seção 9 - Aula 3 - CSS content, ::after e ::before 07m
Exercício: Ao usar as pseudoelementos ::before e ::after, qual propriedade é obrigatória para que o conteúdo seja inserido (mesmo que vazio)?
Aula em vídeo: Seção 9 - Aula 4 - pseudo-classes e pseudo-elementos - parte 1 06m
Aula em vídeo: Seção 9 - Aula 5 - pseudo-classes e pseudo-elementos - parte 2 13m
Aula em vídeo: Seção 9 - Aula 6 - pseudo-classes e pseudo-elementos - parte 3 08m
Exercício: Qual a diferença principal entre :nth-child() e :nth-of-type() ao selecionar parágrafos quando há outras tags (como
) no meio?
Aula em vídeo: Seção 9 - Aula 7 - pseudo-classes e pseudo-elementos - parte 4 05m
Aula em vídeo: Seção 9 - Aula 8 - CSS propriedade transform 25m
Aula em vídeo: Seção 9 - Aula 9 - Exercício Prático 20m
Exercício: Qual seletor CSS permite inserir um ícone após links que abrem em nova aba, usando o atributo target="_blank"?
Aula em vídeo: Seção 9 - Aula 10 - Desafio checkbox lindão 03m
Aula em vídeo: Seção 9 - Aula 11 - Resolução do DESAFIO 07m
Aula em vídeo: Seção 9 - Aula 12 - Desafio - Será que nosso checkbox está acessível? 05m
Exercício: Ao ocultar um input type=checkbox personalizado, qual abordagem mantém a navegação por teclado (Tab/Espaço) e melhora a acessibilidade?
Aula em vídeo: Seção 9 - Aula 13 - Efeito hover lindão em thumbnails 12m

Aula em vídeo: Seção 10 - Aula 1 - Introdução ao design responsivo RWD 12m
Aula em vídeo: Seção 10 - Aula 2 - CSS media types 10m
Exercício: Ao criar um CSS específico para impressão, qual atributo no elemento permite aplicar a folha de estilos apenas ao imprimir a página?
Aula em vídeo: Seção 10 - Aula 3 - media queries parte 1 11m
Aula em vídeo: Seção 10 - Aula 4 - media queries parte 2 08m
Aula em vídeo: Seção 10 - Aula 5 - media queries parte 3 22m
Exercício: Qual é a principal diferença entre as unidades CSS em e rem?
Aula em vídeo: Seção 10 - Aula 6 - Apresentar projeto Responsivo 05m
Aula em vídeo: Seção 10 - Aula 7 - Estrutura do projeto Responsivo 12m
Aula em vídeo: Seção 10 - Aula 8 - CSS do projeto - parte 1 09m
Exercício: Qual é o principal objetivo de utilizar o arquivo normalize.css em um projeto?
Aula em vídeo: Seção 10 - Aula 9 - CSS do projeto - parte 2 08m
Aula em vídeo: Seção 10 - Aula 10 - CSS do projeto - parte 3 15m
Aula em vídeo: Seção 10 - Aula 11 - CSS do projeto - parte 4 04m
Exercício: Qual propriedade CSS foi usada para aumentar o espaçamento entre as letras do título (H3) ao aplicar uma classe específica?
Aula em vídeo: Seção 10 - Aula 12 - CSS do projeto - parte 5 03m
Aula em vídeo: Seção 10 - Aula 13 - CSS responsivo - parte 1 10m
Aula em vídeo: Seção 10 - Aula 14 - CSS responsivo - parte 2 05m
Exercício: Ao criar um layout com colunas usando CSS, qual problema comum ocorre quando elementos internos usam float e como é resolvido?
Aula em vídeo: Seção 10 - Aula 15 - CSS responsivo - parte 3 06m
Aula em vídeo: Seção 10 - Aula 16 - CSS responsivo - parte 4 07m
Aula em vídeo: Seção 10 - Aula 17 - CSS responsivo - parte 5 11m
Exercício: Por que é recomendado inserir um ícone em SVG no HTML em vez de usar PNG em telas retina?

Aula em vídeo: Seção 11 - Aula 1 - Incorporar conteúdo 00m
Aula em vídeo: Seção 11 - Aula 2 - TAG AUDIO 07m
Aula em vídeo: Seção 11 - Aula 3 - TAG VIDEO 04m
Exercício: Qual atributo na tag
Aula em vídeo: Seção 11 - Aula 4 - TAG IFRAME 06m
Aula em vídeo: Seção 11 - Aula 5 - TAG FIGURE 03m

Aula em vídeo: Seção 12 - Aula 1 - picture, source, srcset e sizes 14m
Exercício: Para tornar imagens de conteúdo verdadeiramente responsivas (mudando o arquivo conforme o contexto), qual abordagem é a mais indicada?
Aula em vídeo: Seção 12 - Aula 2 - atributo type 02m
Aula em vídeo: Seção 12 - Aula 3 - TAG PICTURE 11m

Aula em vídeo: Seção 13 - Aula 1 - hsl vs rgb 03m
Exercício: No modelo de cores HSL, o que o parâmetro Hue (Tom) representa?
Aula em vídeo: Seção 13 - Aula 2 -preparando o exercício com CSS counter 04m
Aula em vídeo: Seção 13 - Aula 3 - gradientes radiais - parte 1 22m
Aula em vídeo: Seção 13 - Aula 4 - gradientes radiais - parte 2 06m
Exercício: Ao combinar uma imagem de fundo com um gradiente radial no CSS, como garantir que o gradiente fique sobre a imagem e apenas na parte de cima?

Aula em vídeo: Seção 14 - Aula 1 - flexbox - introdução 06m
Aula em vídeo: Seção 14 - Aula 2 - css flexbox: propriedades aplicadas ao flexcontainer 20m
Aula em vídeo: Seção 14 - Aula 3 - css flexbox: propriedades aplicadas ao flexitens 11m
Exercício: Em um layout com Flexbox, qual propriedade aplicada nos itens filhos faz com que um elemento ocupe o espaço livre restante no container?
Aula em vídeo: Seção 14 - Aula 4 - css flexbox: Mudando a ordem e o alinhamento de elementos individuais 05m
Aula em vídeo: Seção 14 - Aula 5 - css flexbox: cross axis vs main axis 05m
Aula em vídeo: Seção 14 - Aula 6 - css Flexbox na prática 05m
Exercício: Para alinhar três cards lado a lado usando Flexbox, em qual elemento deve ser aplicado o display: flex?

Aula em vídeo: Seção 15 - Aula 1 - Introdução ao CSS Grid 04m
Aula em vídeo: Seção 15 - Aula 2 - Suporte do CSS Grid 02m
Aula em vídeo: Seção 15 - Aula 3 - grid-templates 05m
Exercício: No CSS Grid, quais propriedades definem explicitamente a quantidade e o tamanho de colunas e linhas do grid?
Aula em vídeo: Seção 15 - Aula 4 - grid-gap 03m
Aula em vídeo: Seção 15 - Aula 5 - nova unidade de medida: fr 03m
Aula em vídeo: Seção 15 - Aula 6 - Posicionando gridItens - parte 1 07m
Exercício: No CSS Grid, qual valor pode ser usado para fazer um item terminar sempre na última grid line, mesmo que novas colunas sejam adicionadas?
Aula em vídeo: Seção 15 - Aula 7 - Posicionando gridItens - parte 2 02m
Aula em vídeo: Seção 15 - Aula 8 - Criar uma estrutura de layout usando CSS Grid 08m
Aula em vídeo: Seção 15 - Aula 9 - grid-template-areas e grid-area 07m
Exercício: No CSS Grid, qual é a função principal de usar grid-template-areas junto com grid-area?
Aula em vídeo: Seção 15 - Aula 10 - grid-lines nomeadas - parte 1 12m
Aula em vídeo: Seção 15 - Aula 11 - grid-lines nomeadas - parte 2 03m
Aula em vídeo: Seção 15 - Aula 12 - auto-fill vs auto-fit 10m
Exercício: No CSS Grid, ao usar repeat(auto-fill, minmax(100px, 1fr)), qual comportamento melhor descreve o auto-fill?
Aula em vídeo: Seção 15 - Aula 13 - auto-rows 03m
Aula em vídeo: Seção 15 - Aula 14 - CSS Grid - Proposta de Desafio: Calculadora 02m
Aula em vídeo: Seção 15 - Aula 15 - Resolução do desafio: calculadora 11m
Exercício: Em um layout de calculadora feito com CSS Grid, qual configuração cria 4 colunas iguais no container?

Aula em vídeo: Seção 16 - Aula 1 - Um pouco mais sobre semântica 15m
Aula em vídeo: Seção 16 - Aula 2 - Um pouco mais sobre CSS 01m
Aula em vídeo: Seção 16 - Aula 3 - Especificidade no CSS - parte 1 25m
Exercício: Quando duas regras de CSS entram em conflito, qual seletor tende a ter maior especificidade e, portanto, prevalecer?
Aula em vídeo: Seção 16 - Aula 4 - Especificidade no CSS - parte 2 10m
Aula em vídeo: Seção 16 - Aula 5 - Altura de 100% no CSS não funciona como esperado 11m

Aula em vídeo: Seção 17 - Aula 1 - Introdução à animação com CSS 16m
Exercício: Qual é a principal diferença entre transition e animation no CSS?
Aula em vídeo: Seção 17 - Aula 2 - Criando animações 19m
Aula em vídeo: Seção 17 - Aula 3 - animation shorthand 01m
Aula em vídeo: Seção 17 - Aula 4 - animando múltiplas propriedades 02m
Exercício: Em animações CSS com @keyframes, o que é possível fazer em relação às propriedades declaradas em cada porcentagem?
Aula em vídeo: Seção 17 - Aula 5 - Exercício slideshow 20m

Aprenda sobreHTML

Aprenda HTML do zero com nossa seleção de cursos online gratuitos e com certificado. Domine tags, estrutura de páginas, formulários, tabelas, links, imagens e boas práticas para criar sites modernos. Encontre o curso de HTML ideal, desenvolva habilidades valorizadas no mercado e comece agora sua jornada no desenvolvimento web.

Aprenda sobreCSS

Aprenda CSS com cursos online gratuitos e com certificado, ideais para iniciantes e profissionais que desejam criar sites modernos, responsivos e atraentes. Explore conteúdos sobre seletores, cores, layouts, Flexbox, Grid, animações e boas práticas de desenvolvimento web. Escolha seu curso grátis de CSS, estude no seu ritmo e fortaleça seu currículo.