Project

General

Profile

BUG #3900

Updated by Nazmul Hossain Shovon 4 months ago

On the **Auto Parts List Page**, the product cards do **not maintain equal spacing on both sides** in **mobile view**.   
 This uneven padding creates a visually misaligned layout and does not match the symmetry shown in the Figma design. 

 **Screens:** Mobile (≤375px)   
 **Tested By:** Tasfia Zaima   

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website on a mobile device or in responsive mode.   
 2. Navigate to the **Auto Parts List Page**.   
 3. Observe the spacing on the left and right sides of each product card.   
 4. Compare with the uniform spacing expected from the Figma design. 

 --- 

 ### Expected Result 
 Product cards should maintain **equal left and right spacing**, ensuring a balanced, centered, and visually consistent grid layout. 

 ### Actual Result 
 Spacing is **uneven**, with one side having more margin compared to the other, causing the design to look off balance. 

 --- 

 ### Attachments 
 - [Screenshot](https://drive.google.com/file/d/1RO1CM3SmJySZEkPMI62aZk7hpP5jTLtQ/view) 

 ### Module / Section 
 Auto Parts → Listing Page → Product Card Layout 

 --- 

 ### Root Cause: 
 fix width in title 

 --- 

 ### Impacted Area: 
 parts list card

Back