SLDS implements gutters by applying different styling to first and following elements, for example here in the highlights panel or in buttons:




I've recently learned that with "gap" css attribute, you can pretty much achieve the same in much cleaner way, but I don't see any SLDS class that would implement this. If such class was exposed, creating a gap between buttons or columns would be as easy as adding "slds-grid slds-gap_small" on container class.
From LWC development perspective, it would make tons of stuff easier and more streamlined.

SLDS implements gutters by applying different styling to first and following elements, for example here in the highlights panel or in buttons:
I've recently learned that with "gap" css attribute, you can pretty much achieve the same in much cleaner way, but I don't see any SLDS class that would implement this. If such class was exposed, creating a gap between buttons or columns would be as easy as adding "slds-grid slds-gap_small" on container class.
From LWC development perspective, it would make tons of stuff easier and more streamlined.