Responsive gallery

#12 Drawing isn't possible on mobile yet
BurkhalterY · Mar 25, 2024 · 1394e54 · 1394e54
1 parent 7ae808e
commit 1394e54
Showing 1 changed file with 17 additions and 0 deletions.
diff --git 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%;
+	}
+}