🚧 Grid and border radius

democraftmc · Dec 2, 2024 · e64fce8 · e64fce8
1 parent 716aa8f
commit e64fce8
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/pages/shop/categorie.astro b/src/pages/shop/categorie.astro
@@ -17,15 +17,17 @@ import Layout from "../../layouts/Layout.astro";
       <div class="card bg-base-200 p-4 flex justify-center min-w-full md:col-span-2 row-span-4">
         <article class="prose lg:prose-lg min-w-full">
         </article>
+<div class="grid grid-cols-1 md:grid-cols-3">
         <div class="indicator">
-  <span class="indicator-item badge badge-secondary"></span>
-  <img class="h-48" src="/piece1.png"/>
+  <span class="indicator-item badge badge-secondary">12%</span>
+  <img class="h-48 rounded-lg" src="/piece1.png"/>
 </div><div class="indicator">
-  <span class="indicator-item badge badge-secondary"></span>
-  <img class="h-48" src="/piece2.png"/>
+  <span class="indicator-item badge badge-secondary">18%</span>
+  <img class="h-48 rounded-lg" src="/piece2.png"/>
 </div><div class="indicator">
-  <span class="indicator-item badge badge-secondary"></span>
-  <img class="h-48" src="/piece3.png"/>
+  <span class="indicator-item badge badge-secondary">21%</span>
+  <img class="h-48 rounded-lg" src="/piece3.png"/>
+</div>
 </div>
       </div>
       <div class="flex flex-col gap-y-4 justify-center min-w-full">