fix-three pages

src/components/Blogs/index.module.css

@@ -4,6 +4,36 @@
   justify-content: space-between;
 }
 
+.flex_1 {
+  width: 68%;
+}
+
+.flex_2 {
+  width: 28%;
+}
+
 .box_card {
   width: 32.33%;
 }
+
+@media (max-width: 900px) {
+  .flex_box {
+    flex-direction: column;
+  }
+  .box_card {
+    width: 49%;
+  }
+  .flex_1 {
+    width: 100%;
+  }
+
+  .flex_2 {
+    width: 100%;
+  }
+}
+
+@media (max-width: 500px) {
+  .box_card {
+    width: 100%;
+  }
+}