BUG #3905
Updated by Nazmul Hossain Shovon 4 months ago
On the **How to Buy** page, there is **no spacing** between the bottom of the **table section** and the **footer** in both mobile and tablet view. The content appears tightly attached to the footer, creating a congested appearance and deviating from the spacing shown in the Figma design. **Screens:** Tablet (425px–768px), Mobile (≤375px) **Tested By:** Tasfia Zaima --- ### Steps to Reproduce 1. Open the PQS Japan staging website. 2. Navigate to the **How to Buy** page. 3. Switch to **tablet** or **mobile** view using the browser's responsive mode or a physical device. 4. Scroll to the **bottom of the table section**. 5. Observe that the content is directly touching the footer without any spacing. --- ### Expected Result There should be **proper bottom spacing** between the table section and the footer, consistent with Figma design specifications and global layout standards. ### Actual Result The table content sits **directly against the footer**, causing an unbalanced layout and breaking the expected visual hierarchy. --- ### Attachments - [Video Evidence]( https://drive.google.com/file/d/1Vh0KcRcdrIl5FWER3RWbE5RLBDekfrHJ/view?usp=sharing ) ### Module / Section How to Buy Page → Table Section / Footer Spacing --- ### Root Cause: lack of gap below main content --- ### Impacted Area: footer