Addes style and offter amt

src/Pages/ProductCatlogue/CatalogueTemplate2.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import { getSession } from '../../Services/Others';
 import Papercut from '../../Images/Assets/Papercut.svg';
-// import "../../Styles/ProductCatalogue/CatalogueTemplate2.scss";
+import "../../Styles/ProductCatalogue/CatalogueTemplate2.scss";
 import {
   GlobalCataloguedata,
   Branchname,
@@ -47,7 +47,7 @@ const Catalogues = () => {
           }}
         >
           <div
-            className="page-header"
+            className="page-header-1"
             style={{
               display: 'flex',
               alignItems: 'center',
@@ -106,7 +106,7 @@ const Catalogues = () => {
             <thead>
               <tr>
                 <td style={{ width: '100%' }}>
-                  <div style={{ height: '100px', background: '#fff' }}> </div>
+                  <div style={{ height: '0px', background: '#fff' }}> </div>
                 </td>
               </tr>
             </thead>
@@ -127,11 +127,11 @@ const Catalogues = () => {
 
                     <div
                       style={{
-                        display: 'grid',
-                        gridTemplateColumns: 'repeat( 5, 1fr)',
-                        gridAutoRows: '140px',
+                        display: 'flex',
+                        flexWrap: 'wrap',
                         justifyContent: 'center',
                         gap: '0.3rem',
+                        padding: '1rem 0',
                       }}
                     >
                       {Globalcataloguedata1?.map((item) => (
@@ -141,10 +141,14 @@ const Catalogues = () => {
                               display: 'flex',
                               flexDirection: 'column',
                               alignItems: 'center',
-                              widht: '100px',
-                              height: 'auto',
+                              width: '100px',
+                              height: '140px',
                               backgroundColor: '#eeeeee',
                               justifyContent: 'space-around',
+                              pageBreakInside: 'avoid',
+                              breakInside: 'avoid',
+                              margin: '0.2rem',
+                              borderRadius: '6px',
                             }}
                           >
                             <div>