better cards

src/routes/projects/+page.svelte

@@ -18,19 +18,16 @@
 	<hr />
 
 	<section class="project_list">
-		{#each data.data as { title, description, path, date, tags }}
-			<Card data={{ title, description, path, date, tags }} />
+		{#each data.data as { title, description, path, date, tags, image }}
+			<Card data={{ title, description, path, date, tags, image }} />
 		{/each}
 	</section>
 </div>
 
 <style lang="css">
 	.project_list {
-		display: flex;
-		flex-direction: row;
-		justify-content: center;
-		align-items: center;
-		flex-wrap: wrap;
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
 		gap: 1rem;
 	}
 </style>