import { ReactNode } from "react";

const CardGrid = ({ children }: { children: ReactNode }) => {
	return (
		<div className="flex justify-center items-center p-8">
			<div className="grid gap-8 xl:grid-cols-4 lg:grid-cols-3 md:grid-cols-2 sm:grid-cols-1">
				{children}
			</div>
		</div>
	);
};

export default CardGrid;