From fe54ee27e9ca882d46bfc5702136647b2392b0b1 Mon Sep 17 00:00:00 2001
From: Mikayla Dobson <mikaylaherself@gmail.com>
Date: Thu, 17 Feb 2022 18:11:45 -0600
Subject: [PATCH] more cases accounted for

---
 src/App.css                 | 9 ++-------
 src/App.js                  | 6 ++----
 src/features/posts/Post.css | 4 ++--
 3 files changed, 6 insertions(+), 13 deletions(-)

diff --git a/src/App.css b/src/App.css
index 795b920..f25cd7b 100644
--- a/src/App.css
+++ b/src/App.css
@@ -126,18 +126,13 @@
 
 /* Feed */
 
-.content-container {
-  display: inline-flex;
-  position: relative;
-  top: 5rem;
-  flex-direction: row;
-}
-
 .feed {
   display: inline-flex;
   flex-direction: column;
+  position: relative;
   align-items: center;
   width: 90vw;
+  top: 5rem;
 }
 
 /* Page handling */
diff --git a/src/App.js b/src/App.js
index 81153f9..b68b3e8 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,10 +7,8 @@ function App() {
   return (
     <div className="App">
       <Navbar />
-      <div className="content-container">
-        <div className="feed">
-          <Feed />
-        </div>
+      <div className="feed">
+        <Feed />
       </div>
     </div>
   );
diff --git a/src/features/posts/Post.css b/src/features/posts/Post.css
index a724e89..7f9be40 100644
--- a/src/features/posts/Post.css
+++ b/src/features/posts/Post.css
@@ -28,7 +28,7 @@
 
 img, video {
     max-height: 45rem;
-    max-width: 75%;
+    max-width: 95%;
     object-fit: contain;
 }
 
@@ -100,7 +100,7 @@ img, video {
     display: inline-flex;
     flex-direction: column;
     align-items: center;
-    max-width: 60%;
+    max-width: 80%;
 }
 
 #post-audio {