additional tweks for h tag margin overflow fix

2021-01-24 00:56:15 +01:00
parent f4c6e4d4d7
commit c84b222a24
4 changed files with 7 additions and 5 deletions
--- a/src/index.html
+++ b/src/index.html
@ -24,7 +24,7 @@
            </nav>
        </header>
        <main>
-            <div class="container">
+            <div class="container" style="border: 1px solid black;">
                <h1 style="text-align: center;">CSS Grid</h1>
                <div class="row">
                    <div class="col-12 display"><h1>12</h1></div>
--- a/src/scss/main.sass
+++ b/src/scss/main.sass
@ -13,7 +13,7 @@ body
 main
  z-index: 980
  position: relative
-  top: 5em
+  top: 5.5em
 // header classes margin fix
@for $i from 1 through 12
     h#{$i}
@ -52,6 +52,7 @@ header
  width: 100%
  height: auto
  top: 0
+  padding: 10px
 .nav-toggle
  display: none
 .nav-toggle-label