Iniciando com flexbox

Primeiro elemento

Display: flex

Display: flex wrap

#01

#02

#03

Display: grid | wrap

1

2

3

Display: gird flexview

1

2

3

Display: flex flexitem

F1

F2

F3

Display: flex-direction flexitem

F1

F2

F3

Justify contents

Bloco 01

Bloco 02

Bloco 03

Align items

Bloco 01

Bloco 01

Bloco 01

Bloco 02

Bloco 03

Bloco 03

Container with paralax

Text

Container with paralax

Text

Container with paralax

Text