Better responsive design
This commit is contained in:
@@ -137,7 +137,7 @@ export function GCF() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="px-4 py-5 my-5 text-center">
|
<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>
|
<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">
|
<form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
|
|||||||
@@ -108,7 +108,7 @@ export function LCM() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="px-4 py-5 my-5 text-center">
|
<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>
|
<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">
|
<form className="row row-cols-lg-auto g-3 align-items-center justify-content-center">
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
|
|||||||
Reference in New Issue
Block a user