Style update
Move borders below header
This commit is contained in:
parent
e9d7129136
commit
5d5b464371
3 changed files with 26 additions and 15 deletions
|
@ -21,6 +21,10 @@ body {
|
|||
font-size: 10pt;
|
||||
}
|
||||
|
||||
header {
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-family: "Love Ya Like A Sister", Georgia, serif;
|
||||
font-size: 4em;
|
||||
|
@ -56,11 +60,19 @@ a {
|
|||
transition: color 100ms;
|
||||
}
|
||||
|
||||
nav {
|
||||
border-top: 1px solid #ddd;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 500px) {
|
||||
header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 100%;
|
||||
padding: 0 8px;
|
||||
|
@ -69,12 +81,16 @@ a {
|
|||
|
||||
@media only screen and (min-width: 500px) {
|
||||
header {
|
||||
margin-bottom: 60px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
nav {
|
||||
margin-top: 40px;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
width: 480px;
|
||||
padding: 60px 0 8px 0;
|
||||
padding: 0 0 8px 0;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue