eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Lots of media query tweaks to make it look nice

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

39
root/styles/home.css
View file

@ -1,21 +1,18 @@
@import url(./main.css);
html, body {
height: 100%;
}
body {
/* Flex box: center everything vertically */
align-items: center;
}
.wrapper {
width: 100%;
margin: 20px 8px 20px 8px;
padding: 10px 0 2px 0;
text-align: center;
}
header {
margin-bottom: 20px;
}
footer {
margin: 0;
padding: 0;
}
.nav {
text-align: center;
}
@ -32,25 +29,9 @@ footer {
color: #3486ff;
}
/* Desktops */
@media only screen and (min-width: 768px) {
@media only screen and (min-width: 760px) {
.wrapper {
margin-top: 120px;
padding: 60px 0 8px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.wrapper {
width: 640px;
}
body {
/* Flex box: center everything vertically */
align-items: center;
}
header {
margin-bottom: 60px;
}
}