padding

Use p-fluid-[breakpoints] utilities like p-fluid-[4,8] and p-fluid-[8px,16px] to set the margin of an element.

<div className="p-fluid-[8px,16px] ..." />

Use pt-fluid-[breakpoints], pr-fluid-[breakpoints], pb-fluid-[breakpoints], and pl-fluid-[breakpoints] utilities to set the padding of an element to a single side.

<div>
  <div className="pt-fluid-[12px,18px] ...">A</div>
  <div className="pr-fluid-[8px,16px] ...">B</div>
  <div className="pb-fluid-[16px,32px] ...">C</div>
  <div className="pl-fluid-[4px,8px] ...">D</div>
</div>

Use px-fluid-[breakpoints] utility to set the horizontal padding of an element.

<div className="px-fluid-[8px,16px] ..." />

Use py-fluid-[breakpoints] utility to set the vertical padding of an element.

<div className="py-fluid-[8px,16px] ..." />