padding

Tenemos la posibilidad de darle un padding a nuestros elementos mediante el uso de la clase p-X

<div class="p-8 ...">p-8</div>

Este padding puede ser establecido para uno o varios lados (top/bottom/right/left), pt/pb/pr/pl-valor.

<div class="pt-6 ...">pt-6</div>
<div class="pr-4 ...">pr-4</div>
<div class="pb-8 ...">pb-8</div>
<div class="pl-2 ...">pl-2</div>

De la misma manera que los gap, el padding puede ser mucho más customizado.