From af849ba437879587dd102609bb426f8d059e8c84 Mon Sep 17 00:00:00 2001
From: j-james
Date: Sat, 20 Feb 2021 17:06:02 -0800
Subject: Media queries for mobile devices
---
about.html | 1 +
bookshelf.html | 1 +
css/style.css | 21 ++++++++++++++++++++-
index.html | 1 +
posts.html | 1 +
projects.html | 1 +
6 files changed, 25 insertions(+), 1 deletion(-)
diff --git a/about.html b/about.html
index 6a65834..491302e 100644
--- a/about.html
+++ b/about.html
@@ -2,6 +2,7 @@
j-james
+
diff --git a/bookshelf.html b/bookshelf.html
index 6a65834..491302e 100644
--- a/bookshelf.html
+++ b/bookshelf.html
@@ -2,6 +2,7 @@
j-james
+
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);
diff --git a/index.html b/index.html
index c092377..9e497db 100644
--- a/index.html
+++ b/index.html
@@ -2,6 +2,7 @@
j-james
+
diff --git a/posts.html b/posts.html
index 6a65834..491302e 100644
--- a/posts.html
+++ b/posts.html
@@ -2,6 +2,7 @@
j-james
+
diff --git a/projects.html b/projects.html
index 6a65834..491302e 100644
--- a/projects.html
+++ b/projects.html
@@ -2,6 +2,7 @@
j-james
+
--
cgit v1.2.3-70-g09d2