update

src/components/bookDesign/BookDesign.js

@@ -5,12 +5,12 @@ import bookPage from "../../assets/images/Path2.svg";
 const BookDesign = () => {
   return (
     <section>
-      <section className="my-24 mx-24 flex flex-wrap  ">
+      <section className="my-24 mx-24 flex flex-wrap justify-center">
-        <div className="flex relative  ">
+        <div className="flex relative">
           <img
             src={book}
             alt=""
-            className="rounded-md z-40 transform -translate-x-3 w-72 h-full"
+            className="rounded-md z-40 transform -translate-x-3 w-full sm:w-72 h-full"
           />
           <img src={bookPage} alt="" className="z-30 h-full" />
           <div

src/index.scss

@@ -10,5 +10,5 @@
 body {
   font-family: iransans-medium;
   direction: rtl;
-  // background-color: tan;
+  background-color: tan;
 }