Can you describe a situation where you had to troubleshoot and fix a design-related issue on a live website?
- garrone
- 0
- Posted on
Sample interview questions: Can you describe a situation where you had to troubleshoot and fix a design-related issue on a live website?
Sample answer:
Troubleshooting and Resolving a Live Website Design Issue
I encountered a situation where a website’s header image was displaying incorrectly on different devices. On desktop browsers, the image appeared cropped, while on mobile devices, it was stretched and distorted.
Analysis and Diagnosis:
- Inspected the website’s HTML and CSS code to identify the source of the discrepancy.
- Verified the dimensions and aspect ratio of the header image.
- Tested the website on multiple browsers and devices to isolate the issue.
Solution:
- Determined that the header image’s CSS styling was causing the distortion on mobile devices.
- Modified the CSS to set the image’s width to 100% and apply the “object-fit: cover” property.
- For the desktop version, adjusted the padding and margin settings of the header element to ensure the image fitted properly.
Implementation and Verification: Read full answer