responsive-gaps

Simple css classes to introduce responsive gaps into your page.

It is used to insert a gap above a div.

usage

    <div class="gap-top"></div> <!-- always active top gap -->
    <div class="gap-top-xs"></div> <!-- only active on extra small screens top gap -->
    <div class="gap-left-lg"></div> <!-- only active on large screens left gap -->

Possible classes "gap-{top,left,right}-{xs,sm,md,lg}"