Skip to content
Snippets Groups Projects
Commit 9f2e0a9a authored by Jonathon Stadon's avatar Jonathon Stadon
Browse files

menu fixed to bottom of page

parent 6aa0429f
Branches
Tags
No related merge requests found
No preview for this file type
...@@ -27,7 +27,7 @@ ...@@ -27,7 +27,7 @@
<p>This para 1</p> <p>This para 1</p>
</article> </article>
<article> <article>
<p>This para 2</p> <h1>This para 2</h1>
</article> </article>
</section> </section>
......
...@@ -36,6 +36,9 @@ footer{ ...@@ -36,6 +36,9 @@ footer{
display: none; /*hides the menu*/ display: none; /*hides the menu*/
} }
nav{
grid-area: nav;
}
/*next would be tablet*/ /*next would be tablet*/
...@@ -51,9 +54,10 @@ footer{ ...@@ -51,9 +54,10 @@ footer{
grid-template-rows: auto; grid-template-rows: auto;
grid-template-areas: grid-template-areas:
"header"
"section" "section"
"footer"; "footer"
"header";
} }
header{ header{
...@@ -77,8 +81,19 @@ footer{ ...@@ -77,8 +81,19 @@ footer{
#mobile{ #mobile{
display: inline; /*displays the menu*/ display: inline; /*displays the menu*/
position: absolute;
bottom: 10px; /*position the menu at the bottom of the page*/
}
}
p{
font-size: 3vw;
} }
h1{
font-size: 4vw;
} }
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment