fix: font size changes reverted and removed extra padding (#1069)

Author: Rohini-Microsoft

code/frontend/src/components/Answer/Answer.module.css

@@ -199,7 +199,8 @@ sup {
     }
 }
 
-@media screen and (max-width: 1280px) {
+/* Styles for 1280p resolution at 200% zoom */
+@media screen and (max-width: 640px) {
     .answerContainer, .answerText {
         font-size: 0.6rem !important;
     }

code/frontend/src/pages/chat/Chat.module.css

@@ -326,7 +326,8 @@
     }
 }
 
-@media screen and (max-width: 1280px) {
+/* Styles for 1280p resolution at 200% zoom */
+@media screen and (max-width: 640px) {
     .clearChatBroom {
         left: -23px !important;
     }

code/frontend/src/pages/layout/Layout.module.css

@@ -8,7 +8,6 @@ body {
 .header, .footer {
     width: 100%;
     max-width: 1200px;
-    padding: 1rem;
     box-sizing: border-box;
 }