Skip to content

Conversation

@nicholaspsmith
Copy link
Owner

Summary

Fixes a regression introduced in PR #309 where flashcard content was not visible on mobile devices due to incorrect CSS constraints on container heights.

Changes

  • FlashcardMode.tsx: Removed min-h constraint that caused container collapse with absolutely positioned flip animation children
  • QuizCard.tsx: Removed flex-1 min-h-0 constraints that caused content sections (front/back) to collapse

Test Plan

  • Verify flashcard flips are visible on desktop
  • Verify flashcard flips are visible on mobile (tested with responsive mode and actual device)
  • Verify quiz card sections display properly on all screen sizes
  • Confirm no visual regressions on existing functionality

Co-Authored-By: Claude noreply@anthropic.com

Co-Authored-By: Claude <noreply@anthropic.com>
@nicholaspsmith nicholaspsmith merged commit b64cf78 into main Jan 14, 2026
9 checks passed
@nicholaspsmith nicholaspsmith deleted the fix-flashcard-visibility branch January 14, 2026 17:50
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants