Fix solution display for GCF

This commit is contained in:
2025-09-25 15:11:07 -04:00
parent 86c3d2b6f3
commit c69e6ab7c1
2 changed files with 2 additions and 2 deletions

View File

@@ -1,4 +1,4 @@
.solution { .times .solution {
padding: 16px; padding: 16px;
border-radius: 12px; border-radius: 12px;
background: white; background: white;

View File

@@ -75,7 +75,7 @@ export function TimesPractice({maxNum} : TimesPracticeParams) {
const [solution, setSolution] = useState<JSX.Element|null>(null) const [solution, setSolution] = useState<JSX.Element|null>(null)
return ( 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> <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>} {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"> <form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">