Skip to content
Permalink
Browse files

Reponsive fixes

* box-sizing and 100% width fix
* smaller font sizes on smaller screens
  • Loading branch information
imwally committed Jun 13, 2018
1 parent 9f13e77 commit 278e44ae3938100166a60393ae18ab1800f6c04e
Showing with 15 additions and 4 deletions.
  1. +15 −4 static/css/main.css
@@ -3,6 +3,11 @@ html, body {
}


header, main, footer {
box-sizing: border-box;
}


header {
color: #262E2E;
width: 600px;
@@ -128,17 +133,23 @@ footer a {

/* Responsive Stuff */
@media only screen and (max-width: 600px) {
html, body {
padding: 0px 20px;
}

header,
main,
footer {
width: 100%;
}

h1 {
font-size: 24px;
}

main {
padding: 10px 15px;
font-size: 16px;
}

header {
padding: 0;
}

}

0 comments on commit 278e44a

Please sign in to comment.
You can’t perform that action at this time.