Fix solution display for GCF
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
.solution {
|
.times .solution {
|
||||||
padding: 16px;
|
padding: 16px;
|
||||||
border-radius: 12px;
|
border-radius: 12px;
|
||||||
background: white;
|
background: white;
|
||||||
|
|||||||
@@ -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]} × {factors[1]}?</p>}
|
{factors === null ? <p>Loading...</p> : <p className="fs-3">What is {factors[0]} × {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">
|
||||||
|
|||||||
Reference in New Issue
Block a user