y-100">mr-2</div>
</div>
<div class="mb-1 b-thin">
  <div class="mr-3 bg-gray-100">mr-3</div>
</div>
<div class="mb-1 b-thin">
  <div class="mr-4 bg-gray-100">mr-4</div>
</div>
<div class="mb-1 b-thin">
  <div class="mr-5 bg-gray-100">mr-5</div>
</div>
<div class="mb-1 b-thin">
  <div class="mr-6 bg-gray-100">mr-6</div>
</div>
</div>
<h2 id="responsive-paddings" tabindex="-1">Responsive paddings</h2>
<ul>
<li>Paddings all: <code>p-</code> / <code>xs:p-</code> / <code>sm:p-</code> / <code>md:p-</code> / <cod