0127 0938

client/src/Pages/Product.js

@@ -174,11 +174,11 @@ function Product({ match, location }) {
                         </div>
                         <Image src={`/images/${product.main_img}`} className='d-flex justify-content-center p-4' style={{ objectFit: "contain", maxWidth: "100%", margin: 'auto' }} />
 
-                        <Card style={{ width: '70%', margin: 'auto' }} className='my-4' >
+                        <Card style={{ width: '80%', margin: 'auto' }} className='my-4' >
                             <Card.Header className='text-center' style={{ background: '#CDC5C2' }}>
                                 <h5 className='m-0' style={{ whiteSpace: 'nowrap' }}> [ Description ]</h5>
                             </Card.Header>
-                            <Card.Body className='text-center m-4' style={{ whiteSpace: "pre-line", background: '#F7F3F3', fontSize: '1vw' }}>
+                            <Card.Body className='text-center m-2' style={{ whiteSpace: "pre-line", background: '#F7F3F3', fontSize: '1vw' }}>
                                 <small>{replace}</small>
                             </Card.Body>
                         </Card>

client/src/Pages/ProductsList.js

@@ -86,9 +86,9 @@ function ProductsList({ match }) {
                     <Col className='px-3'>
                         <div className="text-center">
                             <h1 style={{ fontSize: "5.5vmax" }} className="text-center m-1 py-3">{mainCategory}</h1>
-                            <ButtonGroup className="mb-3 d-flex flex-nowrap" variant="outline-light secondary" style={{ display: "inline", overflowX: "auto"}}>
+                            <ButtonGroup className="mb-3" variant="outline-light secondary" style={{ display: "inline"}}>
                                 {subcategory.map(el =>
-                                (<Button className="m-1" style={{ fontSize: "0.8vw", whiteSpace: 'nowrap' }} variant="secondary" name={el} onClick={handleSubname}>{el}
+                                (<Button className="m-1" style={{ fontSize: "1vw"}} variant="secondary" name={el} onClick={handleSubname}>{el}
                                 </Button>))}
                             </ButtonGroup>
                         </div>