small styling changes

Author: jxmoose

src/app/exhibitsPage/page.tsx

@@ -24,9 +24,9 @@ function App() {
     // Detect the hash in URL and scroll to the element with the corresponding ID
   }, [exhibits]);
 
-  // activates whenever the page opens. 
-  // checks if there's a "hash" which is an id of one of the exhibits to scroll to. 
-  // scrolls down to corresponding exhibit with slight offset 
+  // activates whenever the page opens.
+  // checks if there's a "hash" which is an id of one of the exhibits to scroll to.
+  // scrolls down to corresponding exhibit with slight offset
   useEffect(() => {
     const { hash } = window.location;
     if (hash) {
@@ -52,10 +52,13 @@ function App() {
             Our Exhibits{' '}
           </h1>
           <p className="text-night leading-5 font-normal font-['Lato']">
-            Saratoga is home to an abundance of plant and animal life. As you
-            explore these exhibits you will learn about species that are
-            endangered and being carefully monitored by scientists with
-            protective efforts in place.
+            The Bay Area is home to a wide variety of plant and animal life. As
+            you explore the exhibits, you will learn about threatened and
+            endangered species that are under careful monitoring by biologists.
+            Protective conservation efforts are in place for these vulnerable
+            plants and animals. We welcome you to learn more about these
+            important species throughout the exhibits. Scan the QR codes on
+            display for more information.
           </p>
         </div>
         <Link href="/siteMapPage">

src/components/userComponents/Exhibit/Exhibit.tsx

@@ -26,12 +26,12 @@ export default function Exhibit({
       <div className="w-full px-4 py-8 bg-mint-cream rounded-lg flex-col justify-start items-start gap-2.5 inline-flex mt-6">
         <div className="flex-col justify-start items-start gap-5 flex">
           <div className="justify-start items-center gap-2 inline-flex">
-            <h2 className="text-night font-semibold font-['Lato']">
+            <h2 className="text-night font-semibold leading-tight font-['Lato']">
               {' '}
               {title}
             </h2>
           </div>
-          <p className="text-night leading-normal font-normal font-['Lato']">
+          <p className="text-night leading-tight font-normal font-['Lato']">
             {description}
           </p>
           <Image src={image} alt="Exhibit" width={354} height={150} />

tailwind.config.ts

@@ -28,6 +28,9 @@ const config: Config = {
         'gradient-conic':
           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
       },
+      screens: {
+        web: '1024px',
+      },
       /** Default font is Lato */
       fontFamily: {
         lato: ['Lato'],