Client » PQS_Japan

On the Car Details Page, the spacing and font size of the marked header text section do not match the Figma design in tablet view.
Observed issues:

• At ~768px width, the spacing and font size differ from Figma specifications.
• At 1024px width, incorrect spacing causes the header text to break into two lines, whereas in Figma the full text remains on a single line.

These inconsistencies result in visual misalignment and break responsive layout behavior across tablet breakpoints.

Screens: Tablet (425px–768px)
Tested By: Tasfia Zaima

Steps to Reproduce¶

1. Open the PQS Japan staging website.
2. Navigate to any Car Details Page.
3. Switch to tablet view (425px–768px).
4. Observe spacing and font sizing in the marked header section vs. Figma.
5. Resize to 1024px width.
6. Notice that the text breaks into two lines instead of staying in a single line as designed.

Expected Result¶

• Font sizing and spacing should fully match Figma.
• At 1024px width, header text should remain in a single line without breaking.
• Responsive layout should adapt smoothly across breakpoints.

Actual Result¶

• Spacing and font sizing are incorrect in tablet view.
• Text breaks into two lines at 1024px, creating layout inconsistency.

Attachments¶

• Screenshot

Module / Section¶

Car Details Page → Header Information Section (Above Specifications)

Root Cause:¶

mismatch with figma

Impacted Area:¶

Car Details Page