responsive home page and layout

2026-07-19 16:29:37 +03:30
parent 2adaac8ec4
commit cd266c057c
20 changed files with 198 additions and 137 deletions
@@ -1,17 +1,16 @@
-import GridWrapper from "@/app/components/GridWrapper";
 import { FC } from "react";
 import BlogCard from "./BlogCard";

 const BlogsSection: FC = () => {
  return (
-    <div className="mt-[120px] px-[120px]">
-      <div className="text-2xl font-bold">مقالات ما</div>
-      <GridWrapper desktop={4} mobile={1} className="mt-12">
+    <div className="mt-12 px-4 sm:mt-16 sm:px-8 lg:mt-[120px] lg:px-[120px]">
+      <div className="text-lg sm:text-2xl font-bold">مقالات ما</div>
+      <div className="mt-8 sm:mt-12 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-10">
        <BlogCard />
        <BlogCard />
        <BlogCard />
        <BlogCard />
-      </GridWrapper>
+      </div>
    </div>
  );
 };