="mb-2 bg-gray-100 pt-3">
  <div class="b-dashed">pt-3</div>
</div>
<div class="mb-2 bg-gray-100 pb-3">
  <div class="b-dashed">pb-3</div>
</div>
<div class="mb-2 bg-gray-100 pt-4">
  <div class="b-dashed">pt-4</div>
</div>
<div class="mb-2 bg-gray-100 pb-4">
  <div class="b-dashed">pb-4</div>
</div>

    </div>
  </main>

  <footer class="col-1 sm:col-2">
    <div class="container-sm py-6">
      <hr>
      <nav class="list-style-type-none mb-0 pl-0 flex flex-wrap flex-grow-auto col-gap-4">
        
      