Front W - Pattern Library

Cluster: Responsive 

<div class="cluster md:cluster--2 md:cluster--3 lg:cluster--4">
    <div class="box">1</div>
    <div class="box">2</div>
    <div class="box">3</div>
    <div class="box">4</div>
    <div class="box">5</div>
    <div class="box">6</div>
</div>
 
<div class="cluster{{ ' ' ~ classes }}">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
  <div class="box">6</div>
</div>
 
{
  "classes": "md:cluster--2 md:cluster--3 lg:cluster--4"
}