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
@@ -12,14 +12,13 @@ export default function ProjectComponent({
    imageSize?: string
 }) {
    return (
-        <a href={url} target="_blank">
+        <a href={url} target="_blank" className="max-w-fit mx-auto">
            <div className="bg-white text-black max-w-fit mx-auto p-2">
                <div className="flex items-center">
                    <img src={image} width={imageSize} />

                    <div className="flex flex-wrap mx-2">
-                        <h1 className="font-bold">{header}</h1>
-                        <div className="basis-10" />
+                        <h1 className="font-bold w-full">{header}</h1>
                        <h1>{subheader}</h1>
                    </div>
                </div>