Fix solution display for GCF
This commit is contained in:
@@ -1,4 +1,4 @@
|
||||
.solution {
|
||||
.times .solution {
|
||||
padding: 16px;
|
||||
border-radius: 12px;
|
||||
background: white;
|
||||
|
||||
@@ -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]} × {factors[1]}?</p>}
|
||||
<form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">
|
||||
|
||||
Reference in New Issue
Block a user