From da5b8327d014f272568e822e5ecb9fa8f504b193 Mon Sep 17 00:00:00 2001
From: trisha-thakur <trishathakur304@gmail.com>
Date: Tue, 8 Aug 2023 21:58:40 +0530
Subject: [PATCH] blogs page made responsive

---
 src/components/Blog/Blog.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/Blog/Blog.css b/src/components/Blog/Blog.css
index 82cbe5f..af5dcbb 100644
--- a/src/components/Blog/Blog.css
+++ b/src/components/Blog/Blog.css
@@ -2,6 +2,19 @@
   display: flex;
   margin-top: 10%;
 }
+@media (max-width: 35em) {
+  .cards{
+    display: flex;
+    flex-direction: column;
+    flex: 100%;
+    margin: 5%;
+    padding: auto;
+    
+  }
+  .card-elements{
+    margin: 10%;
+  }
+}
 
 .card-elements {
    position: relative;