feat: main gallery using CSS Grid (httpcats#173)

Author: AlexMayol

components/ThumbnailGrid/ThumbnailGrid.module.css

@@ -1,15 +1,12 @@
-import { type } from 'os';
-import styles from './ThumbnailGrid.module.css';
-
 type ThumbnailGridProps = {
   children: React.ReactNode[];
 };
 
 const ThumbnailGrid = ({ children }: ThumbnailGridProps) => {
   return (
-    <ul className={styles.container}>
+    <ul className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4 list-none p-0">
       {children.map((el, idx) => (
-        <li className={styles.thumbnail} key={idx}>
+        <li className="flex w-full" key={idx}>
           {el}
         </li>
       ))}