fix responsive styling

src/styles/thread/Form.css

@@ -55,7 +55,7 @@ label {
 
 .title {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     font-family: "DM Sans";
     height: 45px;
     padding: 12px 16px;
@@ -79,7 +79,7 @@ label {
 
 .body {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     font-family: "DM Sans";
     height: 320px;
     padding: 12px 16px;
@@ -91,7 +91,7 @@ label {
 
 .username {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     font-family: "DM Sans";
     height: 45px;
     padding: 12px 16px;

src/styles/thread/Post.css

 #post {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     margin-bottom: 20px;
     font-family: "DM Sans";
 }

src/styles/thread/PreviewThread.css

 #threadCard {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     margin-bottom: 20px;
     padding:20px;
     box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.25);

src/styles/thread/Thread.css

@@ -55,7 +55,7 @@
 
 .commentBox {
     min-width: 303px;
-    max-width: 1776px;
+    max-width: 3696px;
     font-family: "DM Sans";
     height: 120px;
     padding: 12px 16px;