If you're aiming to add padding in line with your payload style, the 'gutter' component is perfect for the job. This component offers versatile padding adjustment, ensuring consistency across various screen sizes and layouts. The gutter component facilitates efficient spacing management, promoting optimal readability and user engagement. Its standardized approach streamlines development and enhances collaboration, making it an essential tool for creating cohesive and visually appealing interfaces.
Gutter
- gutter--left- gutter--right
<div style="height: 10rem; border-left: 1px solid gray; border-right: 1px solid gray; border-style:dashed;" class="gutter--left gutter--right">
<div style="height: 10rem; border-left: 1px solid black;border-right: 1px solid black; border-style:dashed; padding: 10px"> Here Goes your nicely placed content
</div>
</div>