Services Page Grid Done

src/components/exam/Carousel/index.js

@@ -286,7 +286,7 @@ const MyExamList = ({isMobile}) => {
     <div className="my-exam-list">
       
       <div className="my-exam-list-content rounded-lg">
-          <h1 className='text-right w-full text-red52 pt-4 px-6'>لیست آزمون های من</h1>
+          <h1 className='text-right w-full font-bold text-red52 pt-4 px-6'>لیست آزمون های من</h1>
         <div className="melc-header">
           {data.map((item, i) => (
             <div

src/view/services/index.js

@@ -109,7 +109,7 @@ if (!isMobile){
     return (
       <div
         className="flex items-start justify-between"
-      style={{ width: "93.5%", direction: "rtl" }}
+        style={{ width: "93.5%", direction: "rtl", height: '100vh' }}
       >
         {popup ? (
           <ServicePopUp
@@ -119,10 +119,10 @@ if (!isMobile){
         ) : null}
         <div
           className="w-3/4  flex flex-col  justify-center "
-        style={{ marginTop: "5.5%" }}
+          style={{  paddingTop:'5.5%', height: '100vh' }}
         >
           <div
-          className="relative h-48 w-full border-b border-red82OP my-4 px-10"
+            className="h-48  w-full border-b border-red82OP my-4 px-10"
             style={{ direction: "ltr" }}
           >
             {/* {
@@ -224,8 +224,7 @@ if (!isMobile){
               <div
                 className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
                       hover:border-red52 hover:text-red52 hover:bg-pinkF5 
-                    ${
+                    ${filterCheck[0]
-                      filterCheck[0]
                     ? "border-red52 text-red52 bg-pinkF5"
                     : "border-gray200 text-gray-400"
                   }`}
@@ -264,8 +263,7 @@ if (!isMobile){
               <div
                 className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
                       hover:border-red52 hover:text-red52 hover:bg-pinkF5 
-                    ${
+                    ${filterCheck[0]
-                      filterCheck[0]
                     ? "border-red52 text-red52 bg-pinkF5"
                     : "border-gray200 text-gray-400"
                   }`}
@@ -314,9 +312,8 @@ if (!isMobile){
           </div>}
 
           <div
-          className={`flex ${
+            className={`flex 
-            gameId == 2 && "flex-col"
+              }  items-center w-full justify-center overflow-x-hidden overflow-scroll flex-wrap h-full `}
-          }  items-center w-full justify-center flex-wrap `}
           >
             {books?.map((product, index) => (
               <div
@@ -423,11 +420,12 @@ if (!isMobile){
             }
           </div>
         </div>
-      {!isMobile && <div className="w-1/4 fixed left-0" style={{ height: "100vh" }}>
+        {!isMobile && <div className="w-1/4 left-0" style={{ height: "100vh" }}>
           <ShoppingCart />
         </div>}
       </div>
-  );}
+    );
+  }
   // Mobile Version
   else {
     return (
@@ -501,8 +499,7 @@ if (!isMobile){
             <div
               className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
                            hover:border-red52 hover:text-red52 hover:bg-pinkF5 
-                          ${
+                          ${filterCheck[0]
-                            filterCheck[0]
                   ? "border-red52 text-red52 bg-pinkF5"
                   : "border-gray200 text-gray-400"
                 }`}
@@ -541,8 +538,7 @@ if (!isMobile){
             <div
               className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
                            hover:border-red52 hover:text-red52 hover:bg-pinkF5 
-                          ${
+                          ${filterCheck[1]
-                            filterCheck[1]
                   ? "border-red52 text-red52 bg-pinkF5"
                   : "border-gray200 text-gray-400"
                 }`}