Improved responsiveness

2023-06-02 10:55:43 +02:00 · 2023-06-02 10:55:43 +02:00 · 1bad100209
parent 85595ea0d2
commit 1bad100209
2 changed files with 19 additions and 0 deletions
--- a/static/css/ab.css
+++ b/static/css/ab.css
@ -63,3 +63,21 @@ body {
    justify-content: center;
    align-items: center;
 }
+
+@media only screen and (max-width:480px) {
+    #content {
+        min-width: 95%;
+        transform: none;
+        position: absolute;
+        top: 5px;
+        left: 50%;
+        transform: translate(-50%);    
+        }
+    
+    .a {
+        font-size: small;
+    }
+    .b {
+        font-size: small;
+    }
+}
--- a/templates/index.html
+++ b/templates/index.html
@ -2,6 +2,7 @@
    <head>
        <title>{{ title }}</title>
        <link rel="stylesheet" type="text/css" href="/css/ab.css" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
    </head>
    <body>
        <div id="content">