src/features/posts/Post.css

@@ -43,6 +43,7 @@ img, video {
 }
 
 .post-metadata * {
+    display: inline-flex;
     background-color:rgb(250, 206, 248);
     border-color: transparent;
     text-decoration: none;
@@ -84,4 +85,24 @@ img, video {
 
 .comments-hidden {
     display: none;
+}
+
+/* Queries */
+
+@media only screen and (max-width: 1050px) {        /* for tablets */
+    img, video {
+        max-height: 25rem;
+    }
+    .title {
+        font-size: 1.5rem;
+    }
+    .post-metadata {
+        font-size: 0.8rem;
+        text-align: center;
+        text-overflow: ellipsis;
+    }
+
+    .post-metadata * {
+        max-width: 15%;
+    }
 }