Archived topic
Unsemantic default left and right padding.
5 replies · Started by David on October 31, 2018
Hi, team.
How can I eliminate the padding left and right of Unsemantic grid-container and grid-x?
I need to put it to 0.
Salu2, David.
Hi there,
these are the specific CSS rules Unsemantic is using:
.grid-container {
padding-left: 0;
padding-right: 0;
}
.grid-10, .grid-100, .grid-15, .grid-20, .grid-25, .grid-30, .grid-33,
.grid-35, .grid-40, .grid-45, .grid-5, .grid-50, .grid-55, .grid-60,
.grid-65, .grid-66, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90,
.grid-95, [class * =mobile-grid-], [class * =tablet-grid-] {
padding-left: 0;
padding-right: 0;
}
So why add 10px left and right?

Its the unsemantic method for nesting grids. .grid-parent zeros out the left right padding. So if you are not nesting a grid your container should have the grid-parent grid-container classes
Ok ok.
Thanks, David.
You're welcome. FYI: