Add: chat-container.

SixxCodes · SixxCodes · commit d15310dadefc · 2025-02-14T09:36:01.000-08:00
diff --git a/chatroom/index.html b/chatroom/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
     <head>
-        <title>Chatata!</title>
+        <title>Chatata! - chat with friends</title>
         <meta charset="UTF-8">
         <link rel="stylesheet" href="styles4.css">
     </head>
@@ -20,8 +20,8 @@ <h2>✨Welcome, Chatateer...✨</h2>
 
                 </div>
             </div>
-
         </div>
+
         <h3>@King Pandesal</h3>
     </body>
 </html>
diff --git a/chatroom/progress screenshots/Screenshot (125).png b/chatroom/progress screenshots/Screenshot (125).png
diff --git a/chatroom/styles4.css b/chatroom/styles4.css
@@ -66,3 +66,24 @@ h3{
     margin:0;
     padding-left: 20px;
 }
+
+/* .side-bar{
+    background-color: #ff7d7d;
+    height: 500px;
+    width: 300px;
+    position: absolute;
+    left: 60px;    
+    bottom: -40px;
+    margin: 130px;
+} */
+
+.chat-container{
+    background-color: #ff7d7d;
+    height: 500px;
+    width: 1140px;
+    position: absolute;
+    left: 60px;    
+    bottom: -40px;
+    margin: 130px;
+    border-radius: 20px;
+}
