Work on image rendering

web/static/index.css

@@ -53,13 +53,13 @@ body {
 /* THREAD CATALOG */
 
 #catalog {
-    display: grid;
-    grid-template-columns: auto auto auto auto;
-    gap: 1rem;
+    display: flex;
     margin: 2rem;
 }
 
 .catalog-preview {
+    margin: 10px;
+    text-align: center;
     padding: 10px;
     border: 2px solid rgba(111, 111, 111, 0.34);
     min-width: 140px;
@@ -82,6 +82,11 @@ body {
     cursor: pointer;
 }
 
+.catalog-preview-img {
+    max-height: 70%;
+    max-width: 80%;
+    margin-bottom: 10px;
+}
 
 /* NEW THREAD BUTTON/FORM */
 
@@ -153,11 +158,29 @@ body {
     color: #13A82A;
 }
 
+.post-img-container {
+    float: left;
+    margin: 4px 12px 4px 0;
+}
+
+.post-img {
+    height: auto;
+    max-width: 400px;
+    margin-bottom: 10px;
+}
+
+.post-body {
+    overflow-wrap: break-word;
+    line-height: 1.3;
+}
+
 .op-post {
     margin-bottom: 10px;
 }
 
 .post {
+    display: inline-block;
+    margin: 5x;
     padding: 10px;
     background-color: #D6DAF0;
     border: 1px solid #282a2e;