BUG #3909
Updated by Nazmul Hossain Shovon 4 months ago
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](https://drive.google.com/file/d/1jUJav1K7NWtCoLimvYdwdLrkmUhHbM_J/view) ### Module / Section Car Details Page → Header Information Section (Above Specifications) --- ### Root Cause: mismatch with figma --- ### Impacted Area: Car Details Page