fixed headings and images

calblueprint · Jan 11, 2024 · 3d3ab2a · 3d3ab2a
1 parent 382254d
commit 3d3ab2a
Showing 1 changed file with 10 additions and 6 deletions.
diff --git a/src/components/About.astro b/src/components/About.astro
@@ -12,16 +12,16 @@ 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>
 
   <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;
   }