Better design tweak
This commit is contained in:
parent
2a98423ab6
commit
6f4883f96e
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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">
|
||||
© 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">
|
||||
© 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>
|
||||
|
|
Loading…
Reference in New Issue