Border Added To pictures

ammarbinanwarfuad · Aug 27, 2024 · f8ab9d7 · f8ab9d7
1 parent d496c91
commit f8ab9d7
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -347,10 +347,10 @@ <h1 class="text-3xl text-center text-banner_h1 font-bold py-4">
             <div
               class="border border-nav_border rounded-xl hero-content flex flex-col lg:flex-row w-4/4"
             >
-              <div class="w-full lg:w-1/4 border-none lg:border-2 lg:border-dashed lg:border-nav_border">
+              <div class="w-full lg:w-1/4">
                 <img
                   src="assets/img1.png"
-                  class="rounded-lg w-full"
+                  class="rounded-lg w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border"
                   alt="First Project Building 1"
                 />
               </div>
@@ -383,7 +383,7 @@ <h1 class="text-nav_home text-xl lg:text-2xl font-bold">
             <img
               src="assets/img2.png"
               alt="Second Project Building 2"
-              class="w-full"
+              class="w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border"
             />
           </div>
         </div>
@@ -395,14 +395,14 @@ <h1 class="text-nav_home text-xl lg:text-2xl font-bold">
           <div
             class="flex justify-center p-5 border border-nav_border bg-white rounded-2xl shadow-lg visible lg:hidden"
           >
-            <img src="assets/img5.png" alt="Portfolio Image 5" class="w-full" />
+            <img src="assets/img5.png" alt="Portfolio Image 5" class="w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border" />
           </div>
 
           <!-- Third Item Big Screen -->
           <div
             class="flex justify-center p-5 border border-nav_border bg-white rounded-2xl shadow-lg"
           >
-            <img src="assets/img3.png" alt="Portfolio Image 3" class="w-full" />
+            <img src="assets/img3.png" alt="Portfolio Image 3" class="w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border" />
           </div>
 
           <!-- Fourth Item -->
@@ -413,13 +413,13 @@ <h1 class="text-nav_home text-xl lg:text-2xl font-bold">
               <div class="w-full lg:w-1/4">
                 <img
                   src="assets/img4.png"
-                  class="rounded-lg w-full"
+                  class="rounded-lg w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border"
                   alt="Residential Design"
                 />
               </div>
               <div class="p-4 lg:p-6">
                 <h1 class="text-nav_home text-xl lg:text-2xl font-bold">
-                  Commercial
+                  Residential
                 </h1>
                 <p class="text-base text-nav_text py-3">
                   We transform houses into homes with thoughtful design that
@@ -442,7 +442,7 @@ <h1 class="text-nav_home text-xl lg:text-2xl font-bold">
           <div
             class="flex justify-center p-5 border border-nav_border bg-white rounded-2xl shadow-lg"
           >
-            <img src="assets/img5.png" alt="Portfolio Image 5" class="w-full" />
+            <img src="assets/img5.png" alt="Portfolio Image 5" class="w-full border-none lg:border-2 lg:border-dashed lg:border-nav_border" />
           </div>
         </div>
       </section>