Better design tweak

This commit is contained in:
Seth Morabito 2021-03-11 18:55:29 -08:00
parent 2a98423ab6
commit 6f4883f96e
2 changed files with 21 additions and 14 deletions

View File

@ -14,7 +14,7 @@ body {
font-style: italic;
text-align: center;
padding-top: 0.5rem;
margin-top: 3rem;
margin-top: 1rem;
color: #333;
}
@ -31,7 +31,7 @@ body {
}
#contacts {
margin-top: 3rem;
margin: 0 2rem
text-align: left;
}
@ -42,7 +42,6 @@ h1 {
ul {
list-style: square;
list-style-position: outside;
margin-left: 1rem;
padding-left: 1rem;
}
@ -59,38 +58,42 @@ a:hover {
font-style: italic;
}
@media screen and (min-width: 880px) {
@media screen and (min-width: 860px) {
#splash {
width: 120px;
}
#container {
margin: 5rem 8rem;
margin: 5rem 6rem;
}
#sidebar {
float: left;
width: 10rem;
width: 8rem;
display: inline-block;
padding: 0;
}
#content {
margin-left: 14rem;
margin-left: 12rem;
}
h1 {
font-size: 210%;
}
ul {
margin-left: 2rem;
}
}
@media screen and (max-width: 880px) {
@media screen and (max-width: 860px) {
#splash {
width: 25%;
}
#container {
margin: 3rem;
margin: 3rem 0.5rem;
}
#sidebar {
@ -107,4 +110,8 @@ a:hover {
h1 {
font-size: 240%;
}
ul {
margin-left: 0;
}
}

View File

@ -40,13 +40,13 @@
<li><a href="https://github.com/sethm/">My Github profile</a></li>
<li><a href="https://twitter.com/twylo/">My Twitter feed</a></li>
</ul>
<div id="footer">
&copy; Seth Morabito, 2021.
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC
BY-SA 4.0</a> license.
</div>
</div>
</section>
<section id="footer">
&copy; Seth Morabito, 2021. This work is licensed under a
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">CC
BY-SA 4.0</a> license.
</section>
</div>
</body>
</html>