A store owner using the Dawn theme needs help resizing a product page table that displays too large on mobile devices. The table appears on a cosmetic product listing and creates horizontal scrolling issues.
Solutions Provided:
First approach (ZenoPageBuilder):
base.css file targeting .product_inner_description > div tablewidth: 100% and overflow-x: auto to make tables horizontally scrollableSecond approach (niraj_patel):
@media screen and (max-width: 740px) for mobile-specific stylingResolution:
The original poster thanked both contributors for their help. One solution provider requested their answer be marked as accepted, indicating the issue was successfully resolved.
Hello there,
need help with resizing table for mobile view its so big as you can see on screenshots or you can just check it out
i really can’t fingure it out been tried 3 hours to fix it but non anyone can write for me the custom css and ive appreciated that tho thanks 
’
Hello @NightOwner 
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.product_inner_description > div {
width: 100%;
overflow-x: auto;
}
The tables will be scrollable like this
Hello @NightOwner
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your maange-5-pcs-mini-cosmetic-egg-wet-and-dry-dual-use-foam-large-powder-puff-makeup-tools file
Paste the below code
@media screen and (max-width:740px){
col {
width: 159px !important;
}
.product_inner_description table {
padding: 8px;
text-align: left;
height: 100%;
width: 328px !important;
font-size: 12px;
}
}
hello @ZenoPageBuilder ,
thank you very much appreciated your help
hello @niraj_patel .
thank you very much brother appreciated your help
Hello @NightOwner
My solution worked then please accepted solution.
You are welcome 
