Project

General

Profile

BUG #3887

Updated by Nazmul Hossain Shovon 4 months ago

In **tablet view** (e.g., around **768px width**), the **circular dummy image** in the footer appears **cropped**.   
 The circle is not fully visible and looks cut off, indicating improper scaling or container clipping in tablet breakpoint styles. 

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

 --- 

 ### Steps to Reproduce 
 1. Open the PQS Japan staging website.   
 2. Switch to **tablet view** (e.g., 768px width) using a device or browser responsive mode.   
 3. Scroll down to the **Footer** section.   
 4. Observe the circular dummy image.   
 5. Notice that it appears clipped or partially cut off. 

 --- 

 ### Expected Result 
 The circular dummy image in the footer should appear **fully visible**, properly rounded, and not cropped at any tablet screen size. 

 ### Actual Result 
 The circular image is **cropped** in tablet view, causing part of the circle to appear cut off and visually inconsistent. 

 --- 

 ### Attachments 
 - [Screenshot](https://drive.google.com/file/d/1h-sLyM3GoMwuxL4OI-LvKuyvmknm5PVn/view?usp=sharing) 

 ### Module / Section 
 Footer → Image Display 

 --- 

 ### Root Cause: 
 insufficient responsive class 

 --- 

 ### Impacted Area: 
 footer fb card

Back