DavidJentes
/
websitedesign2022
mirror of https://github.com/davidjentes/websitedesign2022
1
0
Fork 0
Code

More mobile friendly experience

master
DavidDGTNT 2022-05-04 17:57:14 +00:00
parent a273717c59
commit db5bbc4fb0
2 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/css/main.css
View File

@ -72,6 +72,7 @@ main {
margin: 10px; margin: 10px;
padding: 10px; padding: 10px;
border-radius: 25px; border-radius: 25px;
text-align: left;
background-color: #d2691e; background-color: #d2691e;
font-family: "Open Sans", sans-serif; font-family: "Open Sans", sans-serif;
color: #ffffff; color: #ffffff;
@ -156,6 +157,11 @@ main a:hover {
@media (max-width: 1000px) { @media (max-width: 1000px) {
body { body {
margin: 0px; margin: 0px;
font-size: 20px;
}
.fp-header-text {
font-size: 2rem;
} }
.content { .content {
@ -171,7 +177,11 @@ main a:hover {
flex: 100% flex: 100%
} }
header { header a {
font-size: 40px;
}
form input {
font-size: 30px; font-size: 30px;
} }
} }

4
src/index.html
View File

@ -15,8 +15,8 @@
<a href="book2/index.html">Lyza the Sheepdog: The Flood</a> <a href="book2/index.html">Lyza the Sheepdog: The Flood</a>
</header> </header>
<div class="fp-header"> <div class="fp-header">
<h1>Time travelling adventures</h1> <h1 class="fp-header-text">Time travelling adventures</h1>
<a href="book2/index.html">Buy our newest book!</a> <a href="book2/index.html" class="fp-header-text">Buy our newest book!</a>
</div> </div>
<main> <main>