codewithchu
diff --git a/‎public/card.html‎
Lines changed: 6 additions & 3 deletions b/‎public/card.html‎
Lines changed: 6 additions & 3 deletions
@@ -10,10 +10,13 @@
         <main>
             <section class="bg-gray-200 pb-6">
                 <!--card-->
-                <div class="pb-6">
+                <div class="pb-6 grid">
                     <!--card Image-->
-                    <div>
+                    <div class="grid grid-cols-4 py-10 bg-boom-100">
                         <img src="./img/boom-headphone-pro-black.jpg" alt="headphone black" />
+                        <img src="./img/boom-headphone-pro-blue.jpg" alt="headphone blue" />
+                        <img src="./img/boom-headphone-pro-red.jpg" alt="headphone red" />
+                        <img src="./img/boom-headphone-pro-white.jpg" alt="headphone white" />
                     </div>
                     <!--card Copy-->
                     <div class="bg-white p-12 mx-4 -mt-5 relative rounded">
@@ -28,7 +31,7 @@ <h3 class="text-2xl leading-none mb-2">Music to your ears</h3>
                 </div>
 
                 <!--card-->
-                <div>
+                <div class="grid">
                     <!--card Image-->
                     <div>
                         <img src="./img/boom-wireless-pro.jpg" alt="Pods pro" />