alex/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix width issue on project cards

Browse Source
This commit is contained in:
Alex Frantz
2024-10-13 01:43:33 -04:00
parent 561a5318f0
commit f420cec12a
1 changed files with 4 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/ProjectCard.tsx
+4 -6
View File
@@ -11,18 +11,16 @@ export default function Project({
}) { }) {
return ( return (
<a href={urlTo} target="_blank"> <a href={urlTo} target="_blank">
<div className="bg-white text-black mx-auto rounded-lg overflow-hidden max-w-fit lg:max-w-full"> <div className="bg-white text-black mx-auto rounded-lg overflow-hidden max-w-full">
<img <img
src={image} src={image}
alt={name} alt={name}
className="w-full h-24 object-cover" className="w-full h-24 object-cover"
/> />
<div className="p-4 space-y-2"> <div className="p-4 space-y-2">
<h3 className="text-xl font-bold">{name}</h3> <h1 className="font-bold text-xl">{name}</h1>
<p className="text-muted-foreground"> <p>{description}</p>
{description}
</p>
</div> </div>
</div> </div>
</a> </a>