diff --git a/src/components/bookDesign/BookDesign.js b/src/components/bookDesign/BookDesign.js
index 50ca3a6..741739c 100644
--- a/src/components/bookDesign/BookDesign.js
+++ b/src/components/bookDesign/BookDesign.js
@@ -5,7 +5,7 @@ import bookPage from "../../assets/images/Path2.svg";
 const BookDesign = () => {
   return (
     <section>
-      <section className="my-24 mx-24 flex  ">
+      <section className="my-24 mx-24 flex flex-wrap  ">
         <div className="flex relative  ">
           <img
             src={book}
@@ -13,7 +13,10 @@ const BookDesign = () => {
             className="rounded-md z-40 transform -translate-x-3 w-72 h-full"
           />
           <img src={bookPage} alt="" className="z-30 h-full" />
-          <div className="bg-greenBookBg w-7 rounded-l-md transform translate-x-4 z-10"></div>
+          <div
+            className="bg-greenBookBg w-7 rounded-l-md transform translate-x-4 z-10"
+            // style={{ backgroundColor: color }}
+          ></div>
           <div className="w-10/12 absolute left-7 -bottom-0 h-11 shadow-2xl shadow-black"></div>
         </div>
       </section>
@@ -29,4 +32,12 @@ const BookDesign = () => {
   );
 };
 
+// BookDesign.defaultProps = {
+//   color: "steelblue",
+// };
+
+// BookDesign.propTypes = {
+//   color: PropTypes.string,
+// };
+
 export default BookDesign;