Fix Fortune Cards UI: Side-by-Side Layout & Better Readability #96
Description
Type: UI/UX
Area: Fortune cards component
Summary
The fortune cards stack vertically with very narrow widths, causing awkward word wrapping and poor readability. Cards should appear side-by-side with sensible width, spacing, and typography.
Current Behavior
Cards render in a single narrow column.
Headings wrap mid-word.
Body text line length is too short.
Expected Behavior
Cards flow horizontally (wrapping to the next row on small screens).
Each card has a comfortable min/max width.
Text is readable (no mid-word breaks; improved line length and line-height).
Images and text align consistently.
