Flexbox
Modelo de layout CSS para arranjos unidimensionais — linhas ou colunas. display: flex no container. Resolveu o problema de centralizar verticalmente de uma vez por todas.
Candidate Recommendation do W3C em 2012, suporte amplo dos navegadores a partir de 2015. justify-content (eixo principal), align-items (eixo transversal), flex-wrap, flex-grow/shrink/basis. Diferente do CSS Grid (que é bidimensional). Conselho moderno: use Flexbox para estruturas de componentes (barra de ferramentas, cards), Grid para layouts de página inteira. O queridinho de todo mundo: Flexbox Froggy + Grid Garden (jogos de aprendizado).