Better responsive design

This commit is contained in:
2024-03-02 22:03:38 -05:00
parent ee94f2989d
commit 2802dbfa61
2 changed files with 2 additions and 2 deletions

View File

@@ -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">

View File

@@ -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">