Browse Source

make layout responsive to screen width, reducing body width

Thomas B 2 months ago
parent
commit
7a951d6ac8
1 changed files with 19 additions and 1 deletions
  1. 19
    1
      static/css/style.css

+ 19
- 1
static/css/style.css View File

46
 }
46
 }
47
 
47
 
48
 #content {
48
 #content {
49
-    width: 75%;
49
+    width: 95%;
50
     margin-left: auto;
50
     margin-left: auto;
51
     margin-right: auto;
51
     margin-right: auto;
52
 }
52
 }
74
     }
74
     }
75
 }
75
 }
76
 
76
 
77
+@media (min-width: 1000px) {
78
+    #content {
79
+        width: 75%;
80
+    }
81
+}
82
+
83
+@media (min-width: 1500px) {
84
+    #content {
85
+        width: 50%;
86
+    }
87
+
88
+    #navbar {
89
+        position: relative;
90
+        left: 12.5%;
91
+        width: 75%;
92
+    }
93
+}
94
+
77
 ._sh {
95
 ._sh {
78
     max-height: 300px;
96
     max-height: 300px;
79
     overflow: auto;
97
     overflow: auto;

Loading…
Cancel
Save