git » homepage.git » commit eb3a1d9

improve mobile CSS

author Alan Dipert
2025-11-16 16:07:39 UTC
committer Alan Dipert
2025-11-16 16:07:39 UTC
parent a097c169188259e0481795e431be53efa96c3fcf

improve mobile CSS

tpl/style.css +37 -0

diff --git a/tpl/style.css b/tpl/style.css
index 43544ae..3d6e86f 100644
--- a/tpl/style.css
+++ b/tpl/style.css
@@ -110,3 +110,40 @@ img[src*="200px"]{width:200px;}
 .site-foot a:hover{
   text-decoration:underline;
 }
+@media (max-width:768px){
+  html{background:#f4f4f4;}
+  body{font-size:15px;}
+  #main{
+    margin:0;
+    min-height:100vh;
+    border-radius:0;
+    box-shadow:none;
+    padding:1.25em;
+  }
+  .site-nav{
+    flex-direction:column;
+    align-items:flex-start;
+    gap:.35rem;
+  }
+}
+@media (max-width:520px){
+  #main{padding:1em;}
+  .site-head{text-align:center;}
+  .site-nav{align-items:center;}
+  img[src*="float_right"]{
+    float:none;
+    display:block;
+    margin:0 auto 1rem;
+    max-width:70%;
+  }
+  img[src*="200px"]{
+    width:auto;
+    max-width:180px;
+  }
+  table,
+  .content table{
+    display:block;
+    overflow-x:auto;
+    width:100%;
+  }
+}