Curso

CSS3 Display Flex: Como organizar cards e boxes automaticamente

O Flexible Box Layout Model veio com o CSS3 para facilitar a criação de interfaces. Através do Flexbox o elemento filho de um contêiner pode ser disposto em qualquer direção e sua dimensão se torna flexível.

Esse curso inclui:

Suporte em tempo real

Certificado

Carga horária:

4 horas

Curso de CSS 3 Display Flex (4 aulas)

Aula 1 - Introdução

Veremos nesse vídeo uma abordagem para a criação de uma interface de usuário organizada na forma de cards usando float em comparação a mesma interface usando Flexbox.

Aula 2 - Criando o HTML e o CSS base

Veremos nesse vídeo uma breve discussão sobre como o nosso projeto foi organizado e veremos o código HTML/CSS da página.

Aula 3 - Organizando os elementos com Flexbox

Veremos nesse vídeo como usar o Flexbox para organizar os elementos e torná-los autoajustáveis em relação ao contêiner sem o uso do float e sem a necessidade de um tamanho fixo no contêiner.

Aula 4 - Responsividade e compatibilidade com navegadores antigos

Neste vídeo veremos como implementar a responsividade com o Flexbox e como usá-lo em compatibilidade com navegadores mais antigos.

Iniciar agora
Ebook exclusivo
Dê um upgrade no início da sua jornada. Crie sua conta grátis e baixe o e-book

Veja outros cursos de HTML e CSS

HTML: span, iframe e comentários

HTML: Fundamentos

CSS: Flexbox