Noissue - Removed website-default container widths

static/scss/_base.scss

Index: static/scss/_base.scss
===================================================================
--- a/static/scss/_base.scss
+++ b/static/scss/_base.scss
@@ -36,46 +36,22 @@
   margin: $small-space 0px;
 }
 
 /**
  * Center content within a (responsive) fixed width
  */
 .container
 {
-  width: $phone-width;
+  width: $container-max-width;

[ire, 2017/10/17 17:34:37]

Since this is being applied to width, I think the variable name should be
$container-width. Otherwise, it should be applied to the `max-width` property
instead.

[juliandoucette, 2017/10/18 13:27:28]

Acknowledged.

   max-width: 100%;
   margin: 0px auto;
   padding: 0px $small-space;

[ire, 2017/10/17 17:34:37]

NIT: I think this space should be larger on bigger devices.  

Suggest: > $tablet-breakpoint = $medium-space

[juliandoucette, 2017/10/18 13:27:28]

Acknowledged.

[juliandoucette, 2017/10/18 13:44:33]

I'm skeptical about $tablet-breakpoint because it's hard to fit 2 columns (or
worse three) on tablets. I think that $large-desktop-width is the safest bet
because wide screens (in particular) can afford wide margins (padding). 

How does this affect Help Center? e.g. Are there supposed to be (or should there
be) wider margins anywhere? 

 }
 
-@media(min-width: $tablet-breakpoint)
-{
-  .container
-  {
-    width: $tablet-width;
-  }
-}
-
-@media(min-width: $desktop-breakpoint)
-{
-  .container
-  {
-    width: $desktop-width;
-  }
-}
-
-@media(min-width: $large-desktop-breakpoint)
-{
-  .container
-  {
-    width: $large-desktop-width;
-  }
-}
-
 .clearfix:after,
 .clearfix:before
 {
   display: table;
   content: " ";
 }
 
 .clearfix:after