Make blog landing page responsive on mobile

Author: tahazaryab

src/components/Blogs/Blogs.tsx

@@ -16,6 +16,11 @@ const PostDiv = styled.div`
     width: 100%;
     margin: 0 auto;
     display: inline-block;
+    @media (max-width: 900px) {
+        padding: 0px;
+        display: flex;
+        flex-direction: column;
+    }
 `
 
 
@@ -29,6 +34,9 @@ const ImageDiv = styled.div`
         border-radius: 10px;
         box-shadow: 0px 0px 8px 0px #ada8a8;
     }
+    @media (max-width: 900px) {
+        width: 100%;
+    }
 `
 
 const PostText = styled.div`
@@ -59,6 +67,9 @@ const PostText = styled.div`
             }
         }
     }
+    @media (max-width: 900px) {
+        width: 100%;
+    }
 `
 
 const Blogs: React.FC = () => {