--- a/src/chat.css	Tue Nov 05 23:06:58 2024 -0700
+++ b/src/chat.css	Wed Nov 06 16:01:42 2024 -0700
@@ -2,14 +2,9 @@
 	margin-bottom: 0;
 	display: flex;
 	height: calc(100vh - 32px);
-	margin-left: calc(3% - 8px);
-	margin-right: 0;
 }
 
 div[chats] {
-	width: 250px;
-	padding-right: 8px;
-	flex-shrink: 0;
 	overflow-y: auto;
 }
 
@@ -30,8 +25,6 @@
 }
 
 div[posts] {
-	padding-left: 8px;
-	border-left: 1px solid;
 	width: 100%;
 	display: flex;
 	flex-direction: column;
@@ -108,3 +101,46 @@
 	width: 600px;
 	max-width: 80vw;
 }
+
+
+@media (min-width: 700px) {
+	div[content] {
+		margin-left: calc(3% - 8px);
+		margin-right: 0;
+	}
+
+	div[chats] {
+		width: 250px;
+		padding-right: 8px;
+		flex-shrink: 0;
+	}
+
+	div[posts] {
+		padding-left: 8px;
+		border-left: 1px solid;
+	}
+
+	div[top] img {
+		display: none;
+	}
+}
+
+@media (max-width: 699px) {
+	div[content][show="chats"] div[posts],
+	div[content][show="posts"] div[chats] {
+		display: none;
+	}
+
+	div[chats] {
+		width: 100%;
+	}
+
+	div[content][show="posts"] {
+		margin-right: 0;
+	}
+
+	div[top] h3 {
+		display: flex;
+		gap: 6px;
+	}
+}