1.8 KiB
1.8 KiB
ADDED Requirements
Requirement: Hero block adapts to Indic languages on mobile viewports
The system SHALL adjust hero block typography and layout when displaying Tamil or Malayalam content on mobile devices to ensure full content visibility.
Scenario: Tamil content on mobile viewport
- WHEN the hero block displays Tamil content on a mobile viewport (width ≤ 640px)
- THEN the hero block height SHALL increase to accommodate the larger text
- AND the hero title font size SHALL be reduced from 1.9rem to 1.6rem
- AND the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
- AND the entire hero content including headline and summary SHALL remain visible without clipping
Scenario: Malayalam content on mobile viewport
- WHEN the hero block displays Malayalam content on a mobile viewport (width ≤ 640px)
- THEN the hero block height SHALL increase to accommodate the larger text
- AND the hero title font size SHALL be reduced from 1.9rem to 1.6rem
- AND the hero summary font size SHALL be reduced from 1.08rem to 0.95rem
- AND the entire hero content including headline and summary SHALL remain visible without clipping
Scenario: Hero image scales appropriately on mobile
- WHEN the hero block is displayed on a mobile viewport (width ≤ 640px)
- THEN the hero image height SHALL be reduced from 300px to 220px
- AND the image SHALL maintain its aspect ratio
- AND the image SHALL not overflow its container
Scenario: Content remains readable after adjustments
- WHEN typography adjustments are applied for mobile Indic content
- THEN text SHALL remain legible with adequate line height (minimum 1.5)
- AND text SHALL maintain sufficient contrast against background
- AND touch targets SHALL remain at least 44px in height