commit d32b14bcfed48664e6d2126b464e9be0957a4862 parent 72736b8217f06c5205d5d8806442dc7dcbdc74ef Author: MTRNord <mtrnord1@gmail.com> Date: Thu, 15 Mar 2018 17:46:31 +0100 Optimize content padding and gap Diffstat:
| M | src/app/app.component.html | | | 4 | ++-- |
| M | src/app/app.component.scss | | | 5 | +++-- |
| M | src/styles.scss | | | 4 | ---- |
3 files changed, 5 insertions(+), 8 deletions(-)
diff --git a/src/app/app.component.html b/src/app/app.component.html @@ -15,7 +15,7 @@ </div> </header> - <div class="main-container"> + <main> <router-outlet></router-outlet> - </div> + </main> </div> diff --git a/src/app/app.component.scss b/src/app/app.component.scss @@ -61,13 +61,14 @@ nav { } } -.main-container { +main { grid-area: main; + padding-top: 7rem; } .wrapper { display: grid; - grid-gap: 5px; + grid-gap: 0.4rem; grid-template-areas: "header" "main" diff --git a/src/styles.scss b/src/styles.scss @@ -9,10 +9,6 @@ html { overflow:auto; } padding-right: 15px; } -.main-container { - padding-top: 66px; -} - @media (min-width: 992px) { .container { width: 970px;