From 8042e7a364242914eef2d2fc08027ef19bef289b Mon Sep 17 00:00:00 2001
From: Anna Wang <anna_wang@brown.edu>
Date: Fri, 8 Mar 2024 01:49:13 -0500
Subject: [PATCH] tweaks

---
 index.html |  2 +-
 style.css  | 46 ++++++++++++++++++++++++++++++----------------
 2 files changed, 31 insertions(+), 17 deletions(-)

diff --git a/index.html b/index.html
index e263c7e..61bb7d9 100644
--- a/index.html
+++ b/index.html
@@ -77,7 +77,7 @@ <h2>Beestar</h2>
           />
           <div class="intro-content">
             <div class="text">
-              <h1>Premier school enrichment program for K-12</h1>
+              <h1>The premier after-school enrichment program for K-12</h1>
               <div class="beestar-intro">
                 Beestar helps thousands of students achieve outstanding grades
                 using its programs for just 20 minutes a week.
diff --git a/style.css b/style.css
index ad07118..c78131b 100644
--- a/style.css
+++ b/style.css
@@ -1016,10 +1016,11 @@ footer {
 
 @media (max-width: 600px) {
   h1 {
-    font-size: 20px;
+    font-size: 18px;
   }
+
   h2 {
-    font-size: 16px;
+    font-size: 18px;
   }
 
   h3 {
@@ -1045,11 +1046,12 @@ footer {
       flex-flow: column nowrap;
       align-items: start;
       gap: 0;
+      padding: 12px 24px;
     }
 
     .tablet-button {
       border-radius: 10px;
-      padding: 6px 16px 4px 20px;
+      padding: 6px 18px 4px 20px;
 
       img {
         width: 16px;
@@ -1063,23 +1065,44 @@ footer {
 
   .sidebar-content {
     width: 100%;
-    padding: 2px 24px 6px;
+    padding: 0px 18px 4px;
     button {
       font-size: 12px;
       width: fit-content;
-      padding: 14px 26px 12px;
+      padding: 12px 24px 10px;
       border-radius: 14px;
     }
   }
 
   .program-content {
-    padding: 16px 24px;
-    gap: 16px;
+    padding: 12px 24px;
+    gap: 8px;
+
+    .program-intro {
+      gap: 4px;
+    }
+
     .description {
       font-size: 10px;
     }
   }
 
+  .grade-num {
+    font-size: 48px;
+    padding: 10px 0 0;
+    width: 80px;
+  }
+
+  .right-content {
+    padding: 0 16px;
+    .description {
+      max-height: 32px;
+      font-weight: 400;
+      text-overflow: ellipsis;
+      overflow: hidden;
+    }
+  }
+
   .footer-left {
     font-size: 10px;
     width: 180px;
@@ -1130,15 +1153,6 @@ footer {
     display: none;
   }
 
-  .right-content {
-    .description {
-      max-height: 44px;
-      font-weight: 400;
-      text-overflow: ellipsis;
-      overflow: hidden;
-    }
-  }
-
   .single-col {
     display: flex;
     flex-flow: column nowrap;