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.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position relative e absolute
CSS: Position fixed