Flexbox is a 1-dimensional layout model designed for distributing space and aligning items along a single axis.
1. Core Flexbox Container Properties
⊞Code Example
/* Perfect Centering in 3 lines of CSS! */
.center-box {
display: flex;
justify-content: center;
align-items: center;
height: 200px;
}