Curso HTML & CSSpor Enzo Pontes
Início › Módulos › Módulo 05
Módulo 05

Flexbox & Grid

Os dois sistemas de layout modernos do CSS, exercitados em várias demonstrações práticas.

EX 027

Flexbox

FLEX 01display: flex FLEX 02flex-direction FLEX 03flex-wrap FLEX 04justify-content FLEX 05align-items FLEX 06align-content FLEX 07flex-grow FLEX 08flex-basis FLEX 09order FLEX 10align-self FLEX 11gap FLEX 12flex shorthand FLEX 13Menu com Flexbox FLEX 14Layout de conteúdo
EX 028

CSS Grid

GRID 01display: grid GRID 02grid-template GRID 03gap e áreas GRID 04grid-area GRID 05grid responsivo GRID 06Desafio de layout