CSS — Flexbox

Flexbox is a modern layout system in CSS that makes it easy to align and distribute space among items in a container. It works well for creating responsive layouts where elements adjust automatically to different screen sizes. With flexbox, you can arrange items in rows or columns and control their spacing and alignment. Properties like justify-content, align-items, and flex-direction are commonly used. For example, you can evenly space buttons in a navigation bar or center items both vertically and horizontally.

.container { display: flex; flex-direction: row; justify-content: space-between; }