replace aside tag with nav

This commit is contained in:
filifa 2024-08-16 00:19:53 -05:00
parent 4ca952604c
commit 70d26b691b
2 changed files with 6 additions and 6 deletions

View File

@ -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>

View File

@ -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;