Criando grids flexível usando flex-box

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Criando grids flexível usando flex-box por Mind Map: Criando grids flexível usando flex-box

1. Introdução

1.1. O que é um Grid ?

1.2. Por que utilizar grids flexível ?

1.3. Conceitos básicos de flex box

1.3.1. O que é flex box ?

1.3.2. Quais navegadores suportam Flex box?

1.3.3. Quais são os bugs existentes?

1.3.4. Aprendendo na pratica as propriedades básicas do flex-box

1.3.4.1. Utilizando a propriedade flex-direction

1.3.4.1.1. row

1.3.4.1.2. row-reverse

1.3.4.1.3. column

1.3.4.1.4. column-reverse

1.3.4.2. Utilizando a propriedade flex-wrap

1.3.4.2.1. wrap

1.3.4.2.2. wrap-reverse

1.3.4.3. Utilizando a propriedade flex-flow

1.3.4.4. Utilizando a propriedade align-items

1.3.4.4.1. flex-start

1.3.4.4.2. center

1.3.4.4.3. flex-end

1.3.4.5. Utilizando a propriedade justify-content

1.3.4.5.1. flex-end

1.3.4.5.2. center

1.3.4.5.3. space-between

1.3.4.5.4. space-around

1.3.4.6. Utilizando a propriedade Align-Content

2. Iniciando a Grid flexível

2.1. Criando as grid

2.1.1. Customizando a grid full

2.1.2. Customizando a grid marge

2.1.3. Customizando a grid minmarge

2.1.4. Customizando a grid small

2.2. Como utilizar as grid

3. Aplicando responsividade nas grids

3.1. O que é design responsivo ?

3.2. O que é mobile first ?

3.3. Aplicando técnicas de mobile first nas grids

3.3.1. Utilizando media queries

3.3.2. Como utilizar as grids responsivo