1 files changed, 36 insertions, 0 deletions
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 0000000..af1f40f
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,36 @@
+.streams-container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 16px;
+    /* justify-content: center; */
+}
+.camera-stream {
+    flex: 0 1 320px;
+    margin: 10px;
+    /* text-align: center; */
+}
+.scroll-box {
+    flex: 0 1 300px;
+    max-height: 200px;
+    overflow-y: auto;
+    border: 1px solid #ccc;
+    padding: 5px;
+}
+
+@media (max-width: 600px) {
+.streams-container {
+    flex-direction: column;
+    align-items: center;
+}
+.camera-stream {
+    width: 100%;
+    max-width: 100vw;
+}
+.mob-scroll-box {
+    width: 100px;
+    height: 150px;
+    overflow: scroll;
+    border: 1px solid #ccc;
+    padding: 10px;
+}
+}
+\ No newline at end of file