Converted div .section into main

This commit is contained in:
Sasha Koshka 2022-09-19 17:47:33 -04:00 committed by emma
parent e68d113642
commit fb3b282f54
4 changed files with 15 additions and 15 deletions

View File

@ -37,7 +37,7 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="content"> <main>
<div class="column"> <div class="column">
<section> <section>
<h2 id=history> <h2 id=history>
@ -225,7 +225,7 @@
create the Network! create the Network!
</p> </p>
</section> </section>
</div> </main>
<section> <section>
</section> </section>

View File

@ -29,7 +29,7 @@
a { a {
color: #df1b1b; color: #df1b1b;
text-decoration: none; text-decoration: none;
font-weight: bold; font-weight: bold;
} }
@ -115,7 +115,7 @@ ul {
padding: 0; padding: 0;
} }
.content, footer, header, nav { footer, header, nav {
max-width: 80em; max-width: 80em;
margin: 0 auto; margin: 0 auto;
} }
@ -126,7 +126,7 @@ ul {
margin: 0.5em; margin: 0.5em;
} }
.content { main {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;

View File

@ -37,8 +37,8 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="content"> <main>
<div class="section"> <section>
<p id="slogan">For the dreamers, from the doers.</p> <p id="slogan">For the dreamers, from the doers.</p>
<!-- <p> <!-- <p>
Tebibyte Media works to promote free software and open-access Tebibyte Media works to promote free software and open-access
@ -84,9 +84,9 @@
members who share our values, and experienced Network members members who share our values, and experienced Network members
are also extremely important to us. are also extremely important to us.
</p> </p>
</div> </section>
<div class="column"> <div class="column">
<div class="section" id="donate"> <section id="donate">
<h2 id="donate"> <h2 id="donate">
<a href="#donate">Donate</a> <a href="#donate">Donate</a>
</h2> </h2>
@ -103,10 +103,10 @@
<img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" /> <img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
Open Collective</a>. Open Collective</a>.
</p> </p>
</div> </section>
</div> </div>
<div class="column"> <div class="column">
<div class="section" id="donate"> <section id="donate">
<h2 class="h-right" id="reading"> <h2 class="h-right" id="reading">
<a href="#reading">Tebibyte Media Reading List</a> <a href="#reading">Tebibyte Media Reading List</a>
</h2> </h2>
@ -137,9 +137,9 @@
</li> </li>
</ul> </ul>
</p> </p>
</div> </section>
</div> </div>
</div> <!-- content --> </main>
<footer> <footer>
<div class="footer"> <div class="footer">
<p> <p>

View File

@ -37,7 +37,7 @@
</li> </li>
</ul> </ul>
</nav> </nav>
<div class="content"> <main>
<section> <section>
<h2 id="members"> <h2 id="members">
<a href="#members">Members</a> <a href="#members">Members</a>
@ -374,7 +374,7 @@
</li> </li>
</ol> </ol>
</section> </section>
</div> <!-- content --> </main> <!-- content -->
<footer> <footer>
<div class="footer"> <div class="footer">
<p> <p>