diff options
| -rw-r--r-- | about.html | 1 | ||||
| -rw-r--r-- | bookshelf.html | 1 | ||||
| -rw-r--r-- | css/style.css | 21 | ||||
| -rw-r--r-- | index.html | 1 | ||||
| -rw-r--r-- | posts.html | 1 | ||||
| -rw-r--r-- | projects.html | 1 |
6 files changed, 25 insertions, 1 deletions
@@ -2,6 +2,7 @@ <head> <title>j-james</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width"/> <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/style.css"/> diff --git a/bookshelf.html b/bookshelf.html index 6a65834..491302e 100644 --- a/bookshelf.html +++ b/bookshelf.html @@ -2,6 +2,7 @@ <head> <title>j-james</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width"/> <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/style.css"/> diff --git a/css/style.css b/css/style.css index 825cd04..5b8aeff 100644 --- a/css/style.css +++ b/css/style.css @@ -35,7 +35,6 @@ header { } header h1 { - font-weight: normal; font-size: inherit; margin: 0; } @@ -90,6 +89,26 @@ footer { text-align: right; } +@media screen and (max-width: 700px) { + header { + flex-direction: column; + padding: 1em 0 0 0; + } + #intro { + flex-direction: column; + align-items: center; + } + #face { + margin: 1em; + } +} + +@media screen and (max-width: 320px) { + body { + font-size: 16px; + } +} + @font-face { font-family: Alegreya; src: url(../fonts/Alegreya/Alegreya-Regular.ttf); @@ -2,6 +2,7 @@ <head> <title>j-james</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width"/> <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/style.css"/> @@ -2,6 +2,7 @@ <head> <title>j-james</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width"/> <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/style.css"/> diff --git a/projects.html b/projects.html index 6a65834..491302e 100644 --- a/projects.html +++ b/projects.html @@ -2,6 +2,7 @@ <head> <title>j-james</title> <meta charset="utf-8"/> + <meta name="viewport" content="width=device-width"/> <link rel="icon" type="image/jpg" href="assets/compass.jpg"/> <link rel="stylesheet" href="css/normalize.css"/> <link rel="stylesheet" href="css/style.css"/> |