1 files changed, 28 insertions, 14 deletions

diff --git a/src/public/styles.css b/src/public/styles.css
index 9616ac8..f619dcc 100644
--- a/src/public/styles.css
+++ b/src/public/styles.css
@@ -33,13 +33,13 @@ nav {
 .post, .comments-container, .hero, .header, .footer {
   padding: 0.3rem;
   flex: 1 1 95%;
-  font-size: 0.8rem;
+  font-size: 1rem;
   width: 100%;
 }
 
-.info-container, .comment-info-container {
+.info-container, .comment-info-container, .more {
   color: #777;
-  font-size: 0.6rem;
+  font-size: 0.8rem;
   display: flex;
 }
 
@@ -68,8 +68,16 @@ nav {
 
 .media-preview img {
   object-fit: cover;
-  width: 3rem;
-  height: 3rem;
+}
+
+.media-preview img,
+.media-preview video {
+  width: 4rem;
+  height: 4rem;
+}
+
+.post-author {
+  display: none
 }
 
 @media (min-width: 768px) {
@@ -78,17 +86,21 @@ nav {
     width: 90%;
     font-size: 1rem;
   }
-  .info-container, .comment-info-container {
+  .info-container, .comment-info-container, .more {
     font-size: 0.9rem;
   }
   .domain {
     font-size: 0.9rem;
   }
-  .media-preview img {
-    object-fit: cover;
+  .media-preview img,
+  .media-preview video 
+  {
     width: 7rem;
     height: 7rem;
   }
+  .post-author {
+    display: inline
+  }
 }
 
 @media (min-width: 1080px) {
@@ -97,17 +109,21 @@ nav {
     width: 50%;
     font-size: 1rem;
   }
-  .info-container, .comment-info-container {
+  .info-container, .comment-info-container, .more {
     font-size: 0.9rem;
   }
   .domain {
     font-size: 0.9rem;
   }
-  .media-preview img {
-    object-fit: cover;
+  .media-preview img,
+  .media-preview video 
+  {
     width: 7rem;
     height: 7rem;
   }
+  .post-author {
+    display: inline
+  }
 }
 
 .comments-container, .self-text {
@@ -127,7 +143,6 @@ nav {
 
 .more {
   margin-bottom: 0px;
-  font-size: 0.7rem;
   color: #777;
 }
 
@@ -162,8 +177,7 @@ nav {
 .post-media {
   display: block;
   margin: 0 auto;
-  max-width: 100%;
-  max-height: 400px;
+  max-width: 85%;
 }
 
 .title-container,.info-container, .comment-info-container {