| author | Alan Dipert
<alan@tailrecursion.com> 2025-11-16 16:07:39 UTC |
| committer | Alan Dipert
<alan@tailrecursion.com> 2025-11-16 16:07:39 UTC |
| parent | a097c169188259e0481795e431be53efa96c3fcf |
| 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%; + } +}