makes mobile responsive grid integer

src/collections/grid.less

@@ -112,45 +112,30 @@
   min-width: 320px;
 }
 
-@media only screen and (max-width : 1000px) {
+@media only screen and (max-width : 998px) {
   .ui.responsive.grid {
-    padding: 0% 5.55%;
-  }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
+    padding: 0% 4%;
   }
 }
-@media only screen and (min-width : 1000px) {
+@media only screen and (min-width : 998px) {
   .ui.responsive.grid {
     padding: 0% 8%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 1500px) {
   .ui.responsive.grid {
     padding: 0% 13%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 1750px) {
   .ui.responsive.grid {
     padding: 0% 18%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 @media only screen and (min-width : 2000px) {
   .ui.responsive.grid {
     padding: 0% 23%;
   }
-  .ui.responsive.grid > .column,
-  .ui.responsive.grid > .row > .column {
-  }
 }
 
 /*-------------------