Fix celled grid container sizing

gulpfile.js

@@ -10,6 +10,10 @@ var
 
   // import tasks
   build        = require('./tasks/build'),
+  buildJS      = require('./tasks/build/javascript'),
+  buildCSS     = require('./tasks/build/css'),
+  buildAssets  = require('./tasks/build/assets'),
+
   clean        = require('./tasks/clean'),
   version      = require('./tasks/version'),
   watch        = require('./tasks/watch'),
@@ -37,7 +41,11 @@ gulp.task('default', false, [
 ]);
 
 gulp.task('watch', 'Watch for site/theme changes', watch);
+
 gulp.task('build', 'Builds all files from source', build);
+gulp.task('build-javascript', 'Builds all javascript from source', buildJS);
+gulp.task('build-css', 'Builds all css from source', buildCSS);
+gulp.task('build-assets', 'Copies all assets from source', buildAssets);
 
 gulp.task('clean', 'Clean dist folder', clean);
 gulp.task('version', 'Displays current version of Semantic', version);

src/definitions/elements/container.less

@@ -37,7 +37,7 @@
     margin-right: @mobileGutter !important;
   }
   .ui.grid.container {
-    width: @mobileGridWidth;
+    width: @mobileGridWidth !important;
   }
 }
 @media only screen and (min-width: @tabletBreakpoint) and (max-width: @largestTabletScreen) {
@@ -47,7 +47,7 @@
     margin-right: @tabletGutter !important;
   }
   .ui.grid.container {
-    width: @tabletGridWidth;
+    width: @tabletGridWidth !important;
   }
 }
 @media only screen and (min-width: @smallMonitorBreakpoint) and (max-width: @largeMonitorBreakpoint) {
@@ -57,7 +57,7 @@
     margin-right: @smallMonitorGutter !important;
   }
   .ui.grid.container {
-    width: @smallMonitorGridWidth;
+    width: @smallMonitorGridWidth !important;
   }
 }
 @media only screen and (min-width: @largeMonitorBreakpoint) {
@@ -67,7 +67,7 @@
     margin-right: @largeMonitorGutter !important;
   }
   .ui.grid.container {
-    width: @largeMonitorGridWidth;
+    width: @largeMonitorGridWidth !important;
   }
 }