/* This ensures the outer gutters are equal to the (doubled) inner gutters. */
.grid .unit:first-child { padding-left: 20px; }
.grid .unit:last-child { padding-right: 20px; }
There's an extra 10px of padding on the first and last children of a unit. This is causing those elements to have a different width for me. I understand the desire for the gutters to all appear the same width, but it seems like having the elements be the same width is more desirable. Am I perhaps doing something wrong, or is there a good workaround for this other than just overriding the padding, which is what I'm currently doing?
Due to the following lines in gridism:
There's an extra 10px of padding on the first and last children of a unit. This is causing those elements to have a different width for me. I understand the desire for the gutters to all appear the same width, but it seems like having the elements be the same width is more desirable. Am I perhaps doing something wrong, or is there a good workaround for this other than just overriding the padding, which is what I'm currently doing?