diff options
| author | j-james | 2021-02-21 01:06:02 +0000 |
|---|---|---|
| committer | j-james | 2021-02-21 01:06:02 +0000 |
| commit | af849ba437879587dd102609bb426f8d059e8c84 (patch) | |
| tree | 2c163ec099a4879a37081e91191445726c31807c | |
| parent | d26bd3e82443ebffd83d77d5e2666a0f3d9c410e (diff) | |
Media queries for mobile devices
| -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"/> |