teste

public/css/styles.css

@@ -49,7 +49,7 @@ a {
   --backround-chat-panel: #fdfdfd;
   --chat-hover-color: #f5f5f5;
   --chat-active-color: #ebebeb;
-  --chat-window-beige: #e5ddd5;
+  --chat-window-beige: #fdfdfd;
   --sender-message-green: #b8ffd5;
   --events-message: #f3f3f3;
   --type-message-bar: #f0f0f0;
@@ -68,11 +68,6 @@ a {
   grid-template-rows: 12.8rem 1fr;
 }
 
-/*****************
-* APP BACKGROUND *
-******************/
-
-
 /******
 * APP *
 *******/
@@ -1069,6 +1064,11 @@ input[type="range"] {
 }
 
 @media (max-width: 990px) {
+  .app {
+    grid-template-columns: 35em 1fr;
+
+  }
+
   #welcometomessage h1,h2{
     font-size: 20px;
   }
@@ -1096,6 +1096,10 @@ input[type="range"] {
 
 @media (max-height: 820px){
 
+  .app {
+    grid-template-columns: 30em 1fr;
+  }
+
   #welcometomessage h1,h2{
     font-size: 30px;
   }