Add about author section, add flexbox

master
DavidDGTNT 2022-02-10 03:55:54 +00:00
parent 246ee3cb1c
commit c0763ea3a5
2 changed files with 29 additions and 2 deletions

View File

@ -54,7 +54,7 @@ header img {
display: inline-block; display: inline-block;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
width: 20%; width: 300px;
height: auto; height: auto;
} }
@ -115,3 +115,26 @@ main p {
::-webkit-scrollbar-thumb:hover { ::-webkit-scrollbar-thumb:hover {
background-color: #363636; background-color: #363636;
} }
.flex-w {
display: flex;
flex-direction: row;
}
.flex-w div {
flex: 50%;
padding: 10px;
margin: 10px;
background-color: #a52a2a;
border-radius: 25px;
}
@media (max-width: 800px) {
.flex-w {
flex-direction: column;
}
.flex-w div {
flex: 100%
}
}

View File

@ -20,10 +20,14 @@
<p>With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.</p> <p>With the Lyza the Sheepdog series of books, you can go back in time and see what the animals in the time of Bible stories with animals thought about the events and what they thought was happening. You can learn more about the books on their respective pages accessible in the Books section of the title bar.</p>
<div class="flex-w"> <div class="flex-w">
<div class="flex-c"> <div>
<h2>Where to buy</h2> <h2>Where to buy</h2>
<p>Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.</p> <p>Lyza the Sheepdog books are available at various retailers, including Walmart, Target, Barnes and Noble, and Books a Million.</p>
</div> </div>
<div>
<h2>About the author</h2>
<p>David Jentes is a programmer, author, speedcuber, and LCS student. Learn more about him <a href="about/index.html">here</a></p>
</div>
</div> </div>
</main> </main>
</div> </div>