a bunch of responsiveness fixes

2024-08-14 01:47:46 -04:00
parent 09482882f5
commit c253721ce5
7 changed files with 77 additions and 69 deletions
@@ -10,14 +10,12 @@ export default function Project({
    urlTo?: string,
 }) {
    return (
-        <a href={urlTo} target="_blank">
-            <div className="bg-white text-black max-w-fit mx-auto rounded-lg overflow-hidden">
+        <a href={urlTo} target="_blank" className="max-w-fit mx-auto">
+            <div className="bg-white text-black mx-auto rounded-lg max-w-fit lg:max-w-full overflow-hidden">
                <img
                    src={image}
-                    width="400"
-                    height="300"
                    alt={name}
-                    className="w-full h-48 object-cover"
+                    className="w-full h-24 object-cover"
                />

                <div className="p-4 space-y-2">