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