Add

Author: SixxCodes

chatroom/index.html

@@ -12,13 +12,11 @@ <h1>Chatata!</h1>
             <h2>✨Welcome, Chatateer...✨</h2>
             <button class="button">Log In</button>
 
-            <div class="chat-container">
-                <div class="side-bar">
+            <div class="side-bar">
 
-                </div>
-                <div class="chats">
-
-                </div>
+            </div>
+            <div class="chat-container">
+                
             </div>
         </div>
 

chatroom/progress screenshots/Screenshot (126).png

@@ -67,23 +67,27 @@ h3{
     padding-left: 20px;
 }
 
-/* .side-bar{
-    background-color: #ff7d7d;
+.chat-container{
+    background-color: #ff7d7d79;
     height: 500px;
-    width: 300px;
+    width: 845px;
     position: absolute;
-    left: 60px;    
+    left: 360px;    
     bottom: -40px;
     margin: 130px;
-} */
+    border-top-right-radius: 20px;
+    border-bottom-right-radius: 20px;
+    /* box-shadow: 5px 5px 5px 3px #8b3c3c13, -5px -5px 5px 3px #8b3c3c13; */
+}
 
-.chat-container{
+.side-bar{
     background-color: #ff7d7d;
     height: 500px;
-    width: 1140px;
+    width: 300px;
+    border-top-left-radius: 20px;
+    border-bottom-left-radius: 20px;
     position: absolute;
     left: 60px;    
     bottom: -40px;
     margin: 130px;
-    border-radius: 20px;
-}
+}