fix responsive styling

src/styles/thread/Form.css

@@ -54,7 +54,7 @@ label {
 }
 
 .title {
-    min-width: 1056px;
+    min-width: 303px;
     max-width: 1776px;
     font-family: "DM Sans";
     height: 45px;
@@ -66,7 +66,8 @@ label {
 }
 
 .topic {
-    max-idth: 400px;
+    min-width: 303px;
+    max-width: 400px;
     font-family: "DM Sans";
     height: 45px;
     padding: 12px 16px;
@@ -77,7 +78,7 @@ label {
 }
 
 .body {
-    min-width: 1056px;
+    min-width: 303px;
     max-width: 1776px;
     font-family: "DM Sans";
     height: 320px;
@@ -89,7 +90,7 @@ label {
 }
 
 .username {
-    min-width: 1056px;
+    min-width: 303px;
     max-width: 1776px;
     font-family: "DM Sans";
     height: 45px;

src/styles/thread/Post.css

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

src/styles/thread/PreviewThread.css

 #threadCard {
-    min-width: 1056px;
+    min-width: 303px;
     max-width: 1776px;
     margin-bottom: 20px;
     padding:20px;

src/styles/thread/Thread.css

@@ -54,7 +54,7 @@
 }
 
 .commentBox {
-    min-width: 1056px;
+    min-width: 303px;
     max-width: 1776px;
     font-family: "DM Sans";
     height: 120px;