replace aside tag with nav
This commit is contained in:
parent
4ca952604c
commit
70d26b691b
|
@ -12,7 +12,7 @@
|
||||||
<body>
|
<body>
|
||||||
<dd-header></dd-header>
|
<dd-header></dd-header>
|
||||||
<main>
|
<main>
|
||||||
<aside>
|
<nav>
|
||||||
<h2>Contents</h2>
|
<h2>Contents</h2>
|
||||||
<ol>
|
<ol>
|
||||||
<li><a href="#metal-gear-solid-trivia">Top</a></li>
|
<li><a href="#metal-gear-solid-trivia">Top</a></li>
|
||||||
|
@ -28,7 +28,7 @@
|
||||||
<li><a href="#some-more-notes">Some more notes</a></li>
|
<li><a href="#some-more-notes">Some more notes</a></li>
|
||||||
</ol></li>
|
</ol></li>
|
||||||
</ol>
|
</ol>
|
||||||
</aside>
|
</nav>
|
||||||
|
|
||||||
<article>
|
<article>
|
||||||
<h1 id="metal-gear-solid-trivia">Metal Gear Solid Trivia</h1>
|
<h1 id="metal-gear-solid-trivia">Metal Gear Solid Trivia</h1>
|
||||||
|
|
|
@ -9,7 +9,7 @@ html {
|
||||||
header,
|
header,
|
||||||
footer,
|
footer,
|
||||||
article,
|
article,
|
||||||
aside {
|
main nav {
|
||||||
border: 3px black solid;
|
border: 3px black solid;
|
||||||
background: turquoise;
|
background: turquoise;
|
||||||
margin: 5px;
|
margin: 5px;
|
||||||
|
@ -55,7 +55,7 @@ footer {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
nav {
|
#headermain nav {
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -75,7 +75,7 @@ footer ul li + li::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* main content */
|
/* main content */
|
||||||
aside {
|
main nav {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -132,7 +132,7 @@ ol ol ol {
|
||||||
align-items: start;
|
align-items: start;
|
||||||
}
|
}
|
||||||
|
|
||||||
aside {
|
main nav {
|
||||||
flex: auto;
|
flex: auto;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
top: 10px;
|
top: 10px;
|
||||||
|
|
Loading…
Reference in New Issue