From 5284452b1fc5cdba79413a5a437638d345c01b95 Mon Sep 17 00:00:00 2001
From: Mikayla Dobson <mikaylaherself@gmail.com>
Date: Sun, 30 Jan 2022 15:07:56 -0600
Subject: [PATCH] added responsive design for posts

---
 src/features/posts/Post.css | 21 +++++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/src/features/posts/Post.css b/src/features/posts/Post.css
index 1a1ed32..41c01f6 100644
--- a/src/features/posts/Post.css
+++ b/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%;
+    }
 }
\ No newline at end of file