Flexbox

flex-wrap

Learn how to use the CSS flex-wrap property.

CSS flex-wrap

The flex-wrap property sets the flex wrap for an HTML element.

Syntax

.element {
  flex-wrap: wrap;
}

HTML Context Example

<div class="card">
  This is a styled element.
</div>

<style>
.card {
  flex-wrap: wrap;
}
</style>

Notes

Experiment in the CSS playground to see how this affects layout and styling.