fix: change project card style

MrMissx · Sep 19, 2023 · 409532c · 409532c
1 parent e4cd8e5
commit 409532c
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/src/app.css b/src/app.css
@@ -1,9 +1,9 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap");
-
 html {
   scroll-behavior: smooth;
 }

diff --git a/src/lib/components/Card.svelte b/src/lib/components/Card.svelte
@@ -17,14 +17,14 @@
   }
 </script>
 
-<div class="rounded-lg p-4 overflow-hidden shadow-lg border-2 border-rose-300">
+<div
+  class="rounded-lg p-4 overflow-hidden shadow-lg border-2 border-rose-300 flex flex-col justify-between"
+>
   <a href={url} rel="noopener noreferer" target="_blank">
     <h5 class="text-xl font-bold">{title}</h5>
   </a>
   <p class="my-2 text-sm">{description}</p>
-  {#if source === ""}
-    <span />
-  {:else}
+  {#if source !== ""}
     <a class="flex items-center text-sm" href={source} rel="noopener noreferer" target="_blank">
       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
         <path

diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
@@ -11,7 +11,7 @@
   <div class="flex flex-col gap-6">
     <div in:slide={{ delay: 400 }}>
       <h2 class="text-gray-500 hover:text-black dark:hover:text-white md:text-4xl text-2xl">
-        Hi there👋🏻! My name is
+        Hi there👋🏻! I'm
       </h2>
       <h1 class="md:text-6xl text-5xl text-gray-950 dark:text-gray-50"><b>Gaung</b> Ramadhan</h1>
     </div>