SR-002: Background change

src/pages/index.tsx

@@ -71,7 +71,8 @@ const Services = () => {
   ];
 
   return (
-    <div className="container mx-auto my-10">
+    <div className=" my-10 bg-[#F0D4B2]">
+      <div className="container mx-auto">
         <div>
           <h2 className="text-center text-[32px] font-extrabold sm:text-left sm:text-[40px]">
             What we can do for you
@@ -86,11 +87,14 @@ const Services = () => {
               <img src={`icons/${data.icon}`} alt="service-icon" />
               <h3 className="text-[32px] font-semibold">{data.title}</h3>
               <div className={`my-5 w-3/4 border-2 ${data.borderColor}`} />
-            <p className="w-3/4 text-center text-[20px] ">{data.description}</p>
+              <p className="w-3/4 text-center text-[20px] ">
+                {data.description}
+              </p>
             </div>
           ))}
         </div>
       </div>
+    </div>
   );
 };
 // const Projects = () => {}