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

View File

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