fix: #main div stretching too much, elixirschool#1751 (elixirschool#1753

)
waxave · Mar 21, 2019 · c421162 · c421162
1 parent 57e3881
commit c421162
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/_assets/stylesheets/layout/_main.scss b/_assets/stylesheets/layout/_main.scss
@@ -3,7 +3,7 @@
  #main {
  @include vendor('flex-grow', '1');
  @include vendor('flex-shrink', '1');
- width: 100%;
+ width: calc(100vw - #{_size(sidebar-width)});
 
  > .inner {
  @include padding(0, 6em);
@@ -21,6 +21,8 @@
  }
 
  @include breakpoint(xlarge) {
+ width: calc(100vw - #{_size(sidebar-width-alt)});
+
  > .inner {
  @include padding(0, 5em);