css & post & site-structure

static/style.css

@@ -19,7 +19,7 @@
   border-radius: 32px;
   padding: 10px 20px;
   margin: 0 auto;
-  width: 95%;
+  width: 85%;
   justify-content: space-between;
   align-items: center;
 
@@ -47,7 +47,6 @@
 
 img {
   width: 100%;
-  max-height: 400px;
   object-fit: cover;
 }
 
@@ -55,12 +54,11 @@ img {
   border: 1px solid whitesmoke;
   border-radius: 32px;
   margin: auto;
-  margin-top: 1rem;
   margin-bottom: 1rem;
   padding-bottom: 1rem;
   background-color: linear-gradient(150deg, #222, #040404);
   text-align: center;
-
+  break-inside: avoid;
 }
 
 .postpreview:hover {
@@ -104,9 +102,15 @@ a {
   transform: scaleX(1);
 }
 
+.menu {
+  column-width: 300px;
+  column-gap: 20px;
+  column-gap: 1rem;
+}
+
 .content {
-  width: 80%;
-  margin: auto;
+  width: 90%;
+  display: inline-block;
 }
 
 .content p {