fix(stark-ui): properly size .stark-main-container on different scr…

…een sizes

BREAKING CHANGES: the main container (`main.stark-main-container`) will now have a 100% width on some smaller (< 1100px) screen sizes.

packages/stark-ui/assets/styles/_base.scss

@@ -21,25 +21,13 @@ body {
     flex: 1 0 auto;
     align-self: center;
 
-    max-width: 100%;
+    width: 100%;
+    max-width: $stark-max-content-width;
+
     box-sizing: border-box;
     padding: 64px 15px;
   }
 }
-@media #{$tablet-query} {
-  .stark-main-container {
-    padding-left: 70px;
-    padding-right: 70px;
-  }
-}
-
-// We want to keep at least 70px horizontal padding for the main content, therefore we add 140px to the media query
-@media screen and (min-width: 1100px) {
-  .stark-main-container {
-    align-self: center;
-    width: $stark-max-content-width;
-  }
-}
 
 .stark-loading {
   margin: 16px auto;