Steev/steevcss
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

additional tweks for h tag margin overflow fix

Browse Source
This commit is contained in:
steevLP 2021-01-24 00:56:15 +01:00
parent f4c6e4d4d7
commit c84b222a24
4 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
dist/ef19487056b129c8f3eda17f9543ab70.css vendored
View File

@ -10,7 +10,7 @@ body {
main { main {
z-index: 980; z-index: 980;
position: relative; position: relative;
top: 5em; } top: 5.5em; }
h1 { h1 {
margin: 10px; } margin: 10px; }
@ -149,7 +149,8 @@ header {
z-index: 999; z-index: 999;
width: 100%; width: 100%;
height: auto; height: auto;
top: 0; } top: 0;
padding: 10px; }
.nav-toggle { .nav-toggle {
display: none; } display: none; }

2
dist/index.html vendored
View File

@ -24,7 +24,7 @@
</nav> </nav>
</header> </header>
<main> <main>
<div class="container"> <div class="container" style="border: 1px solid black;">
<h1 style="text-align: center;">CSS Grid</h1> <h1 style="text-align: center;">CSS Grid</h1>
<div class="row"> <div class="row">
<div class="col-12 display"><h1>12</h1></div> <div class="col-12 display"><h1>12</h1></div>

2
src/index.html
View File

@ -24,7 +24,7 @@
</nav> </nav>
</header> </header>
<main> <main>
<div class="container"> <div class="container" style="border: 1px solid black;">
<h1 style="text-align: center;">CSS Grid</h1> <h1 style="text-align: center;">CSS Grid</h1>
<div class="row"> <div class="row">
<div class="col-12 display"><h1>12</h1></div> <div class="col-12 display"><h1>12</h1></div>

3
src/scss/main.sass
View File

@ -13,7 +13,7 @@ body
main main
z-index: 980 z-index: 980
position: relative position: relative
top: 5em top: 5.5em
// header classes margin fix // header classes margin fix
@for $i from 1 through 12 @for $i from 1 through 12
h#{$i} h#{$i}
@ -52,6 +52,7 @@ header
width: 100% width: 100%
height: auto height: auto
top: 0 top: 0
padding: 10px
.nav-toggle .nav-toggle
display: none display: none
.nav-toggle-label .nav-toggle-label