A bit of responsiveness

2025-12-29 11:24:45 +01:00
parent 87151ea91f
commit 80845bd572
2 changed files with 14 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
  <meta charset="utf-8">
  <link rel="stylesheet" href="style.css">
  <title>the libre garbage stash</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 </head>

 <body>
--- a/style.css
+++ b/style.css
@@ -76,6 +76,19 @@ p, li {
  padding:2% 20%;
 }

+@media screen and (max-width:800px) {
+  #all {
+    padding:0%;
+  }
+  img {
+    display:none;
+  }
+
+  #cool-stuff .box {
+    max-width: 100%;
+  }
+}
+
 #header {
  height: 50px;
  display: flex;