update src/components/Advertisement/Design1/index.js and tailwind.config.js

src/components/Advertisement/Design1/index.js

@@ -2,11 +2,7 @@ import React from "react";
 
 const AdvertisementDesign1 = () => {
   return (
-    <section className="mx-auto bg-white m-10 w-full sm:w-8/12 md:w-5/12 lg:w-3/12">
+    <div className="w-72 h-96 rounded-3xl relative overflow-hidden bg-[#E3F2FF]">
-      <div
-        className="w-full h-96 rounded-3xl relative overflow-hidden"
-        style={{ backgroundColor: "#E3F2FF" }}
-      >
       <div
         style={{
           width: "calc(100vw / 10)",
@@ -37,15 +33,14 @@ const AdvertisementDesign1 = () => {
       <div className="absolute right-0 bottom-0 h-full w-full flex flex-col justify-center p-10 z-50">
         <h2 className="text-lg">تبلیغات دانوینی</h2>
         <p className="text-sm text-justify leading-6 mt-2">
-            لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با
+          لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده
-            استفاده از طراحان گرافیک است.
+          از طراحان گرافیک است.
         </p>
       </div>
       <button className="rounded-sm text-base border p-3 w-6/12 absolute left-1/2 bottom-2 transform -translate-x-1/2 -translate-y-1/2 z-50">
         دانلود اپلیکیشن
       </button>
     </div>
-    </section>
   );
 };
 

tailwind.config.js

@@ -1,9 +1,5 @@
 module.exports = {
-  purge: [
+  content: ["./pages/**/*.{html,js}", "./components/**/*.{html,js}"],
-    "./src/**/*.{js,jsx,ts,tsx}",
-    "./public/index.html",
-    "./node_modules/flowbite/**/*.js",
-  ],
   darkMode: "class", // or 'media' or 'class'
   theme: {
     extend: {
@@ -12,8 +8,5 @@ module.exports = {
       },
     },
   },
-  variants: {
-    extend: {},
-  },
   plugins: [require("flowbite/plugin")],
 };