Add about author section, add flexbox
parent
246ee3cb1c
commit
c0763ea3a5
|
@ -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%
|
||||||
|
}
|
||||||
|
}
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue