import { FC } from "react";
import BlogCard from "./BlogCard";

const BlogsSection: FC = () => {
  return (
    <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 />
      </div>
    </div>
  );
};

export default BlogsSection;
