Client » PQS_Japan

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

Module / Section¶

Auto Parts → Listing Page → Product Card Layout

Root Cause:¶

fix width in title

Impacted Area:¶

parts list card