CSS Flex Wrap

CSS Flex Wrap — a practical guide to CSS flex-wrap with clear examples you can reuse in real projects.

CSS Tutorial Series (63/109). Prefer one article? Read the complete CSS tutorial.

Short description

Pair with gap for modern wrapping chip/tool layouts.

Wrap

.chips {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}