From c69e6ab7c1292c71c743f3bac8bdc3410eaf31e1 Mon Sep 17 00:00:00 2001
From: David Baer <david@amyanddavid.net>
Date: Thu, 25 Sep 2025 15:11:07 -0400
Subject: [PATCH] Fix solution display for GCF

---
 src/times.css | 2 +-
 src/times.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/times.css b/src/times.css
index c6f0186..7113eba 100644
--- a/src/times.css
+++ b/src/times.css
@@ -1,4 +1,4 @@
-.solution {
+.times .solution {
     padding: 16px;
     border-radius: 12px;
     background: white;
diff --git a/src/times.tsx b/src/times.tsx
index 0ab22f1..bffc92e 100644
--- a/src/times.tsx
+++ b/src/times.tsx
@@ -75,7 +75,7 @@ export function TimesPractice({maxNum} : TimesPracticeParams) {
   const [solution, setSolution] = useState<JSX.Element|null>(null)
 
   return (
-    <div className="px-4 py-5 my-5 text-center">
+    <div className="px-4 py-5 my-5 text-center times">
       <h1 className="my-5 d-none d-sm-block">Multiplication Practice</h1>
       {factors === null ? <p>Loading...</p> : <p className="fs-3">What is {factors[0]} &times; {factors[1]}?</p>}
       <form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">