fix img resolution (#1072)

narayan954 · Aug 1, 2023 · c30956f · c30956f
1 parent 0e546e9
commit c30956f
Showing 1 changed file with 6 additions and 10 deletions.
diff --git a/src/pages/Profile/feed/index.css b/src/pages/Profile/feed/index.css
@@ -7,20 +7,18 @@
 }
 
 .app__posts__feed {
-  border: 1px solid #dbdbdb;
-  display: flex;
-  justify-content: flex-start;
-  flex-wrap: wrap;
+  position: relative;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
   margin-bottom: 20px;
   margin-right: 10px;
   gap: 0;
   padding: 0;
-  position: relative;
+  border: 1px solid #dbdbdb;
 }
 
 .post_container {
   position: relative;
-  width: calc(33% - 16px);
   aspect-ratio: 1;
   padding: 8px;
   cursor: pointer;
@@ -35,7 +33,7 @@
 .post_image {
   width: 100%;
   height: 100%;
-  background-size: cover !important;
+  object-fit: cover;
 }
 
 .caption_without_image {
@@ -75,12 +73,10 @@
   }
 
   .post_container {
-    width: calc(33% - 8px);
-    aspect-ratio: 1;
     padding: 4px;
   }
 
   .caption_without_image {
     font-size: 10px;
   }
-}
+}