From 7f375e4028392749f09b9155357260cc5caa69d8 Mon Sep 17 00:00:00 2001
From: FumeDev <FumeDev@users.noreply.github.com>
Date: Sat, 27 Apr 2024 07:44:00 +0000
Subject: [PATCH] Add responsive meta tag and review components for
 responsiveness.

---
 public/index.html                 | 1 +
 src/Landing/FeatureHightlight.tsx | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/public/index.html b/public/index.html
index 3282060..d4bb14c 100644
--- a/public/index.html
+++ b/public/index.html
@@ -10,6 +10,7 @@
       name="viewport"
       content="width=device-width, initial-scale=1"
     />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
diff --git a/src/Landing/FeatureHightlight.tsx b/src/Landing/FeatureHightlight.tsx
index 37dce95..7ffa4b9 100644
--- a/src/Landing/FeatureHightlight.tsx
+++ b/src/Landing/FeatureHightlight.tsx
@@ -17,7 +17,7 @@ export function FeatureHighlight(props: {
           marginBottom: 16,
         }}
       >
-        {<props.icon size={onMobile ? 32 : 48} />}
+        {<props.icon style={{ width: onMobile ? '20vw' : '10vw', height: onMobile ? '20vw' : '10vw' }} />}
       </div>
       <p>{props.text}</p>
     </div>