O Flexbox provê ferramentas para criação rápida de layouts complexos e flexíveis. O layout flexível permite que os elementos responsivos dentro de um contêiner sejam organizados automaticamente, dependendo do tamanho da tela, além de possuir capacidades avançadas de alinhamento. Para que serve o flexbox? Ele visa organizar os elementos de uma página HTML dentro de seus containers de forma dinâmica. Ou seja, independente das suas dimensões eles sempre manterão um layout flexível dentro do seu elemento pai, reorganizando-se de acordo com a necessidade. Como utilizar o flexbox? O primeiro passo para começar a usar Flexbox é criar um flex container. Elementos-filhos de um flex container são chamados flex items e são leiautados dentro do flex container usando as propriedades Flexbox . Algumas das propriedades Flexbox são aplicadas ao container; outras, aos items. Quando usamos display: flex em um elemento, o navegador passa a considerar esse elemento como um fle...