gallery style fixes

components/Footer.tsx

@@ -21,6 +21,8 @@ export default function Footer() {
           <div>{`© ${new Date().getFullYear()}`}</div>
           <div>{` • `}</div>
           <Link href="/">{siteMetadata.title}</Link>
+          <div>{` • `}</div>
+          <Link href="https://coryd.dev">Site by Cory</Link>
         </div>
       </div>
     </footer>

components/PhotoGallery.tsx

@@ -9,7 +9,7 @@ const PhotoGallery = (props) => {
   const [photoIndex, setPhotoIndex] = useState(0)
 
   return (
-    <div className="flex flex-row gap-2 p-2">
+    <div className="grid grid-cols-4 gap-2 p-2">
       {data.length
         ? data.map((d: string, index: number) => (
             <Image
@@ -20,7 +20,7 @@ const PhotoGallery = (props) => {
                 setIsOpen(true)
               }}
               src={d}
-              className="w-full cursor-pointer object-cover"
+              className="w-1/4 cursor-pointer object-cover"
               width="300px"
               height="300px"
             />