Better responsive design

Author: velopert

src/components/common/PostCard.tsx

@@ -150,6 +150,9 @@ const Block = styled.div`
   overflow: hidden;
   display: flex;
   flex-direction: column;
+  ${mediaQuery(944)} {
+    width: calc(50% - 2rem);
+  }
   ${mediaQuery(767)} {
     margin: 0;
     width: 100%;

src/components/home/HomeResponsive.tsx

@@ -25,7 +25,7 @@ const Block = styled.div`
     width: 912px;
   }
   ${mediaQuery(944)} {
-    width: 672px;
+    width: calc(100% - 2rem);
   }
   ${mediaQuery(767)} {
     width: calc(100% - 2rem);