Some CSS Errors fixed

thenahidulislam · Aug 23, 2024 · 1f8d4cc · 1f8d4cc
1 parent 9a43f9d
commit 1f8d4cc
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/index.html b/index.html
@@ -54,7 +54,7 @@
     }
   </script>
 </head>
-<body class="manrope-font">
+<body class="manrope-font overflow-x-hidden">
 
 <header class="container mx-auto">
   <!-- Navbar Design -->
@@ -105,7 +105,7 @@ <h1 class="font-extrabold text-3xl lg:text-6xl text-center w-11/12">A barn house
       <a class="w-11/12 sm:w-auto btn bg-[#abef5f80] border border-[#abef5f] rounded-full"><span class="text-xl text-[#1c1c1c] font-extrabold">View Details </span><i class="fa-solid fa-arrow-right -rotate-45 bg-green-accent p-1.5 rounded-full"></i></a>
     </section>
 </header>
-<main class="bg-gray-100 py-6">
+<main class="bg-gray-100 py-6  mx-auto">
   <!-- About Us Section -->
   <section class="container mx-auto">
     <div class="">
@@ -202,7 +202,7 @@ <h3 class="text-lg font-extrabold text-[#1c1c1c]">Budget Planning</h3>
     <h2 class="font-bold text-2xl text-color-heading text-center lg:text-5xl lg:font-extrabold ">Our Latest Portfolio</h2>
     <p class="paragraph text-center lg:text-left w-4/5">The barn house captivates with its blend of rustic charm and  modern sophistication, featuring weathered wood, sleek metal accents.</p>
     </div>
-    <div class="grid grid-rows-7 grid-flow-col lg:grid-cols-4  gap-2 p-6 items-center justify-center">
+    <div class="grid grid-rows-6  lg:grid-cols-4 lg:grid-rows-none gap-2 p-6 items-center justify-center">
       <!-- pfolio1 -->
       <div class="bg-white rounded-xl p-6 items-center row-span-2 lg:col-start-1 lg:col-span-3 lg:row-span-1 lg:flex lg:gap-4">
         <img src="./assets/img1.png" alt="">
@@ -243,8 +243,8 @@ <h3 class="text-xl font-extrabold">Commercial</h3>
 </section>
 
 <!-- Let's Connect -->
-<section class="bg-[url('./assets/bg.jpg')] container mx-auto ">
-<div class="py-5 lg:py-20">
+<section class="bg-[url('./assets/bg.jpg')] bg-cover">
+<div class="py-5 lg:py-20 container mx-auto">
   <!-- Primary Texts -->
   <div class="flex flex-col gap-3 justify-center items-center">
     <div>
@@ -272,17 +272,17 @@ <h2 class="font-bold text-2xl text-color-heading text-center lg:text-5xl lg:font
     </div>
     <textarea
     placeholder="Type your message here*"
-    class="textarea text-xl rounded-3xl lg:rounded-3xl textarea-bordered textarea-2xl w-full max-w-8/12 h-32 lg:h-96"></textarea>
+    class="textarea text-base rounded-3xl lg:rounded-3xl textarea-bordered textarea-2xl w-full max-w-8/12 h-32 lg:h-96"></textarea>
     <div>
-      <a class="w-11/12 btn bg-[#ABEF5F] border border-[#abef5f] rounded-full"><span class="text-xl text-[#1c1c1c] font-extrabold">Send Mail </span><i class="text-white fa-solid fa-arrow-right -rotate-45 bg-[#1C1C1C] p-1.5 rounded-full"></i></a>
+      <a class="w-11/12 btn bg-[#ABEF5F] border border-[#abef5f] rounded-full"><span class="text-lg lg:text-xl text-[#1c1c1c] font-extrabold">Send Mail </span><i class="text-white fa-solid fa-arrow-right -rotate-45 bg-[#1C1C1C] p-1.5 rounded-full"></i></a>
     </div>
   </div>
 </div>
 </section>
 
 <!-- Footer -->
-<footer class="container mx-auto  bg-[#1C1C1C]">
-  <div class="p-10 flex flex-col justify-center items-center gap-8">
+<footer class="bg-[#1C1C1C]">
+  <div class="container mx-auto p-10 flex flex-col justify-center items-center gap-8">
     <!-- logo and para -->
 <div class="flex flex-col justify-center items-center ">
   <div>