style: added responsive flashcard width

SethCohen · Mar 26, 2023 · fe06a77 · fe06a77
1 parent c25211b
commit fe06a77
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/lib/widgets/flashcard.dart b/src/lib/widgets/flashcard.dart
@@ -26,9 +26,11 @@ class _FlashcardState extends State<Flashcard> {
   @override
   Widget build(BuildContext context) {
     final bool isEmptyInstructions = widget.card.instructions == '';
+    double screenWidth = MediaQuery.of(context).size.width;
+    double cardWidth = screenWidth * 0.15;
 
     return SizedBox(
-      width: 300, // TODO make responsive
+      width: cardWidth,
       child: Card(
         child: Column(
           mainAxisSize: MainAxisSize.min,