diff --git a/src/_html-grid.scss b/src/_html-grid.scss
index 7438a8c..9c2b0f8 100644
--- a/src/_html-grid.scss
+++ b/src/_html-grid.scss
@@ -102,12 +102,15 @@
order: -1;
}
- // Columns, offsets.
+ // Columns.
@for $i from 1 through $cols {
> .col-#{$i}#{$suffix} {
width: $unit * $i;
}
-
+ }
+
+ // Offsets need to include a 0 so responsive layouts can override a default offset on smaller devices.
+ @for $i from 0 through $cols {
> .off-#{$i}#{$suffix} {
margin-left: $unit * $i;
}
@@ -146,4 +149,4 @@
}
- }
\ No newline at end of file
+ }