Lots of media query tweaks to make it look nice

This commit is contained in:
Eryn Wells 2017-05-07 18:14:39 -07:00
parent d77751eb9d
commit 655380b61e
3 changed files with 62 additions and 48 deletions

View file

@ -1,11 +1,6 @@
@import url(./main.css);
.wrapper {
margin-top: 28px;
}
#resume {
width: 100%;
margin: 8px;
}
@ -94,10 +89,26 @@ dd {
margin-left: 1em;
}
/* Desktops */
@media only screen and (min-width: 768px) {
#resume {
width: 640px;
margin: 0;
@media only screen and (max-width: 500px) {
.wrapper {
margin-top: 8px;
}
}
@media only screen and (min-width: 500px) {
header {
margin-bottom: 0;
}
.wrapper {
padding-top: 0;
}
}
@media only screen and (min-width: 760px) {
.wrapper {
width: 640px;
margin: 0;
padding: 60px 0;
}
}