From 3d3ab2a6955ba3460fb1023344101c0ea4b49e8b Mon Sep 17 00:00:00 2001
From: Melissa Liu <meiliu1313@gmail.com>
Date: Thu, 11 Jan 2024 12:39:20 -0800
Subject: [PATCH] fixed headings and images

---
 src/components/About.astro | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/About.astro b/src/components/About.astro
index 557785f..818cc85 100644
--- a/src/components/About.astro
+++ b/src/components/About.astro
@@ -12,8 +12,8 @@ import crowd from '../graphics/crowd.webp';
   <div class="spacer"></div>
   <div class="header">
     <h3>At Hack for Impact, you will join over
-      <h2>200+ hackers</h2>
-      at UC Berkeley to innovate for social good.</h3>
+      <div class="text"> 200+ hackers</div>
+    at UC Berkeley to innovate for social good.</h3>  
   </div>
 
   <div class="spacer"></div>
@@ -21,7 +21,7 @@ import crowd from '../graphics/crowd.webp';
   <div class ="imageRow">
     <Image class="img" src={working} alt="Group of 5 people coding" />
     <Image class="img" src={crowdLarge} alt="Large group of people coding at hackathon" />
-    <Image class="img" rc={fourppl} alt="Picture of Calhacks members" />
+    <Image class="img" src={fourppl} alt="Picture of Calhacks members" />
     <Image class="img" src={bear} alt="Hackathon attendees posing with stuffed bear" />
     <Image class="img" src={annie} alt="Girl with tools" />
     <Image class="img" src={crowd} alt="Large group of people coding at hackathon" />
@@ -48,17 +48,21 @@ import crowd from '../graphics/crowd.webp';
     display: inline-block;
   }
 
-  div.header h2{
+  div.text {
+    font: serif;
+    font-weight: 600;
     display: inline-block;
   }
+
   div.imageRow { 
-    display: inline-flex;
+    display: flex;
     align-items: flex-start;
     gap: 24px;
     margin-top: 40px;
   }
+
   .img {
-    border-radius: 18px;
+    border-radius: 8px;
     width: 264px;
     height: 171px;
   }