]> git.za3k.com Git - za3k.git/commitdiff
projects / za3k.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 678ce38)
Improve on phones
authorZachary Vance <za3k@za3k.com>
Tue, 8 Nov 2022 06:26:51 +0000 (01:26 -0500)
committerZachary Vance <za3k@za3k.com>
Tue, 8 Nov 2022 06:26:51 +0000 (01:26 -0500)
index.css patch | blob | history
index.html patch | blob | history

diff --git a/index.css b/index.css
index 481cbfe128a45c8e9c394c97f5734d3903710584..320ef5bbf453f5ba91d3ca113ba27ff0b71accfb 100644 (file)
--- a/index.css
+++ b/index.css
@@ -1,7 +1,23 @@
+
+@media only screen and (max-width: 600px){
+    body {
+        column-count: 1;
+    }
+    section {
+        width: 100%;
+        margin: 10px;
+    }
+}
+    body {
+        column-width: 400px;
+        -webkit-column-width: 400px;
+        -moz-column-width: 400px;
+    }
+    section {
+        width: 380px;
+    }
+
 body {
-    column-width: 400px;
-    -webkit-column-width: 400px;
-    -moz-column-width: 400px;
     column-gap: 20px;
     -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
@@ -50,7 +66,6 @@ body > .nav {
 }
 
 section {
-    width: 380px;
     display: inline-block;
     border: 1px solid;
     border-radius: 10px;
diff --git a/index.html b/index.html
index 216804a23a2192cf185adf5208feb08d5ab121b1..b966156e01b48fbeda943191b093bab64935989f 100644 (file)
--- a/index.html
+++ b/index.html
@@ -3,6 +3,7 @@
 <head>
     <title>za3k.com</title>
     <link rel="stylesheet" type="text/css" href="index.css">
+    <meta content="width=device-width, initial-scale=1" name="viewport" />
 </head>
 <body>
     <section id="personal">
za3k.com source code