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