Better responsive design
This commit is contained in:
@@ -137,7 +137,7 @@ export function GCF() {
|
||||
|
||||
return (
|
||||
<div className="px-4 py-5 my-5 text-center">
|
||||
<h1 className="my-5">Greatest Common Factor Practice</h1>
|
||||
<h1 className="my-5 d-none d-sm-block">Greatest Common Factor Practice</h1>
|
||||
<p className="fs-3">What is the greatest common factor of <mark>{factors[0]}</mark> and <mark>{factors[1]}</mark>?</p>
|
||||
<form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">
|
||||
<div className="col-12">
|
||||
|
||||
@@ -108,7 +108,7 @@ export function LCM() {
|
||||
|
||||
return (
|
||||
<div className="px-4 py-5 my-5 text-center">
|
||||
<h1 className="my-5">Least Common Multiple Practice</h1>
|
||||
<h1 className="my-5 d-none d-sm-block">Least Common Multiple Practice</h1>
|
||||
<p className="fs-3">What is the least common multiple of <mark>{factors[0]}</mark> and <mark>{factors[1]}</mark>?</p>
|
||||
<form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">
|
||||
<div className="col-12">
|
||||
|
||||
Reference in New Issue
Block a user