Flexbox

One-dimensional layout along a row or column with flexible sizing and alignment.

Easy

.toolbar { display: flex; gap: 1rem; align-items: center; justify-content: space-between; flex-wrap: wrap; }

flex: 1 makes items share space equally.

Spotted a mistake or want to add detail? Suggest an improvement — Content Contributors' edits are reviewed by editors before they go live.

Discussion (0)