SCSS

HTML

<div class="x">
  <div>foo</div>
  <div>foo</div>
  <div>foo</div>
  <div>foo</div>
  <div>foo</div>
  <div>foo</div>
  <div>foo</div>
</div>

SCSS

.x {
  display: flex;
  width: 260px;
  flex-wrap: wrap;
  border: 3px solid green;
}

.x div {
  border: 5px solid indigo;
  padding: 5px 10px;
}