Row-padding utility classes allow authors to apply padding to rows within the layout. These classes are scaled based on breakpoints.
Used to apply one of five possible padding options to any layout row.
N/A
<div class="u-row-pad-1">u-row-pad-1</div>
<div class="u-row-pad-2">u-row-pad-2</div>
<div class="u-row-pad-3">u-row-pad-3</div>
<div class="u-row-pad-4">u-row-pad-4</div>
<div class="u-row-pad-5">u-row-pad-5</div>
<div class="u-row-pad-6">u-row-pad-6</div>
<div class="u-row-pad-7">u-row-pad-7</div>