From 1394e5402b9f509f033b6f9a5d28be27ce2c6313 Mon Sep 17 00:00:00 2001
From: Yannis Burkhalter <yannis@burkhalter.dev>
Date: Mon, 25 Mar 2024 22:48:12 +0100
Subject: [PATCH] Responsive gallery #12

Drawing isn't possible on mobile yet
---
 assets/css/styles.css | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/assets/css/styles.css b/assets/css/styles.css
index 6040e45..08219c8 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -332,6 +332,7 @@ article #model {
 .comments > form {
 	background-color: white;
 	border: 1px solid #ccc;
+	box-sizing: border-box;
 	padding: 5px;
 }
 .comments > div:hover {
@@ -359,3 +360,19 @@ th {
 .text-red {
 	color: red;
 }
+
+/* Responsive */
+@media only screen and (max-width: 650px) {
+	body {
+		flex-direction: column;
+		height: auto;
+	}
+	#canvas,
+	#model {
+		width: 300px;
+		height: 300px;
+	}
+	.comments {
+		width: 100%;
+	}
+}