# Session One: Checkin Linguagem de programação
autor: Guilherme Oliveira Verissimo
turma: InfoC
número: 21

### Mapa mental

>[color=purple]
> 

>[color=purple]
> ## Flexbox
>

>[color=green]
> **display: flex;** indica que os elementos apontados se comportam como blocos.
> **flex-direction**: indica a direção dos elementos apontados:
> . row; (lado)
> . column; (coluna)
> . row-reverse; (lado invertido)
> . column-reverse; (coluna invertida)
> **flex-wrap**: adapta o tamanho e posição dos elementos com base no tamanho do container:
> . wrap; (permite quebras)
> . no-wrap; (sem quebras)
> . wrap-reverse; (quebras invertidas)
> **justify-content**:
> . flex-start; indica que os elementos filhos seram posicionados no topo à esquerda.
> . flex-end; indica que os elementos filhos seram posicionados no topo à direita.
> . space-around; distribui os elementos uniformemente dentro do container, com espaçamentos nas extremidades.
> . space-between; distribui os elementos uniformemente dentro do container, sem espaçamentos nas extremidades.
> **align-items**: alinhamento vertical dos itens:
> . center;
> . flex-start;
> . flex-end;
> . baseline; alinhamento sensivel ao conteudo.
> . strech; estica os elementos do topo à base do container;
> **flex-grow**: ocupamento da largura da div;
> **flex-shrink**: encolhe a div;
> **flex-basis**: define um width de cada elemento caso não tenha;
>

>[color=purple] 

>[color=purple]
> ## Unidades css relativas

>[color=green]
> **%(porcentagem)** dependente das dimensões de um elemento pai.
> **Rem e Em** São unidades de dependentes de um elemento pai, porem o Em muda conforme a quantidade de filhos, já o Rem não.
> **Ex e Ch** Utilizam o font-family como base para determinar a medida da fonte.
> **Vm e Vh** largura e altura de um elemento em relação à proporção da tela do navegador.
> **Vmax e Vmin** tamanho maximo e minimo de um elemento em relação à proporção da tela do navegador.