Merge pull request #106 from acm-ucr/AgentEinstein/LandingPage

Landing page now responsive on most mobile phones
acm-ucr · Nov 25, 2023 · b70b2cd · b70b2cd
2 parents c87b6b9 + a01fc22
commit b70b2cd
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/src/components/home/Landing.jsx b/src/components/home/Landing.jsx
@@ -6,11 +6,13 @@ const Landing = () => {
       <img
         src={landing.src}
         alt="landing img"
-        className="w-full object-cover aspect-[16/5] "
+        className="w-full object-cover aspect-[16/9] md:aspect-[16/5] "
       />
-      <div className="left-[10%] absolute border-l-4 border-ewb-green pl-2">
-        <div className="text-5xl text-white">Engineers Without Borders USA</div>
-        <div className="text-2xl font-thin text-white">
+      <div className="left-[5%] md:left-[10%] absolute border-l-4 border-ewb-green pl-2">
+        <div className="text-2xl md:text-4xl text-white">
+          Engineers Without Borders USA
+        </div>
+        <div className="text-lg md:text-2xl font-thin text-white">
           at University of California - Riverside
         </div>
       </div>