From 2802dbfa619490503d1ca2ee8a73478740ae11f8 Mon Sep 17 00:00:00 2001
From: David Baer <david@amyanddavid.net>
Date: Sat, 2 Mar 2024 22:03:38 -0500
Subject: [PATCH] Better responsive design

---
 src/gcf.tsx | 2 +-
 src/lcm.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/gcf.tsx b/src/gcf.tsx
index 3a31d03..74678d0 100644
--- a/src/gcf.tsx
+++ b/src/gcf.tsx
@@ -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">
diff --git a/src/lcm.tsx b/src/lcm.tsx
index 18055c2..140867d 100644
--- a/src/lcm.tsx
+++ b/src/lcm.tsx
@@ -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">