Mobile responsiveness: Images appear slightly squeezed on phone displays

[aleenaharoldpeter]

Summary

When accessing the chatbot web interface on mobile devices through the Cloudflare tunnel URL, images displayed within the Student Book panel appear slightly horizontally squeezed or compressed.

Problem

Although the web client adapts to mobile screen dimensions, visual content inside the Student Book panel does not always preserve ideal scaling proportions, which slightly impacts readability and presentation quality.

Steps to Reproduce

1. Open the active Cloudflare tunnel web URL for the chatbot on a mobile device browser
2. Load the chatbot interface
3. Navigate to content where the Student Book panel displays images or visual materials
4. Observe image rendering in portrait mobile view

Observed Behavior

• Student Book panel remains functional
• Images fit within screen width
• Images appear slightly squeezed or compressed horizontally
• Visual clarity and proportion may be mildly affected

Expected Behavior

• Student Book panel images should scale proportionally
• Original aspect ratios should be preserved
• Mobile responsiveness should maintain visual accuracy and readability

Notes

This issue does not prevent functionality but affects mobile presentation quality. Improving image responsiveness in the Student Book panel would enhance usability, polish, and professional frontend consistency.

On mobile view

On PC