Grid row sizes

Manage margin between columns by row sizes.

<!-- Source -->
<div class="row-1"></div>
<div class="row-2"></div>
<div class="row-3"></div>
<div class="row-4"></div>
<div class="row-5"></div>

Responsive

<!-- Source -->
<div class="row-sm-1"></div>
<div class="row-sm-2"></div>
<div class="row-sm-3"></div>
<div class="row-sm-4"></div>
<div class="row-sm-5"></div>

<div class="row-md-1"></div>
<div class="row-md-2"></div>
<div class="row-md-3"></div>
<div class="row-md-4"></div>
<div class="row-md-5"></div>

<div class="row-lg-1"></div>
<div class="row-lg-2"></div>
<div class="row-lg-3"></div>
<div class="row-lg-4"></div>
<div class="row-lg-5"></div>

<div class="row-xl-1"></div>
<div class="row-xl-2"></div>
<div class="row-xl-3"></div>
<div class="row-xl-4"></div>
<div class="row-xl-5"></div>