Mobile UX: Cloze exercise display text uses 42px font -- too large for Korean sentences #109
Description
Problem
The Cloze exercise page uses .display-5 class for the sentence text (Cloze.razor line 69). Bootstrap .display-5 renders at ~3rem (42px at default 14px base). For Korean sentences which can be 20+ characters, this causes excessive line wrapping on mobile, making the sentence hard to read as a unit.
Affected Page(s)
- /cloze
Expected Behavior
Sentence text should be large enough to be prominent but small enough to show a complete sentence in 2-3 lines max on mobile.
Suggested Fix
Use a responsive font size that scales down on mobile:
- Use fs-3 or fs-4 instead of display-5 on mobile
- Or add a media query: @media (max-width: 768px) { .display-5 { font-size: 1.5rem; } }
File: src/SentenceStudio.UI/Pages/Cloze.razor line 69
Priority
Low -- Functional but readability suffers for longer sentences.