From 0b56dd49d89c6ecb10dc8ddad052293e4e0c8ec8 Mon Sep 17 00:00:00 2001
From: royallsilwallz <royalsilwal@gmail.com>
Date: Thu, 2 May 2024 13:14:26 +0545
Subject: [PATCH] Add `AWS Logo` to footer

---
 frontend/src/components/footer/index.js    | 12 ++++++++++++
 frontend/src/components/footer/styles.scss |  7 ++++---
 2 files changed, 16 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/footer/index.js b/frontend/src/components/footer/index.js
index 18baaf8298..6e135b4e39 100644
--- a/frontend/src/components/footer/index.js
+++ b/frontend/src/components/footer/index.js
@@ -90,6 +90,18 @@ export function Footer() {
             ))}
           </div>
         </div>
+
+        {/* AWS logo */}
+        <div className="flex justify-end-ns">
+          <a href="https://aws.amazon.com/what-is-cloud-computing" target="_blank" rel="noreferrer">
+            <img
+              src="https://d0.awsstatic.com/logos/powered-by-aws-white.png"
+              alt="Powered by AWS Cloud Computing"
+              style={{ height: '3rem' }}
+            />
+          </a>
+        </div>
+
         <div className="flex justify-between flex-column flex-row-ns">
           <div className="pt2 mb2 f6 w-50-l w-100">
             <div className="pb3 lh-title mw6">
diff --git a/frontend/src/components/footer/styles.scss b/frontend/src/components/footer/styles.scss
index 3c8b253522..2564b04d51 100644
--- a/frontend/src/components/footer/styles.scss
+++ b/frontend/src/components/footer/styles.scss
@@ -1,14 +1,15 @@
 .footer-ctr-top {
   padding-top: 3.43rem;
-  margin-bottom: 3rem;
+  margin-bottom: 2.5rem;
   gap: 5rem;
 
   @media screen and (max-width: 30em) {
     gap: 2rem;
+    margin-bottom: 1rem;
   }
 
   p {
-    max-width: 600px
+    max-width: 600px;
   }
 
   a {
@@ -31,7 +32,7 @@
 }
 
 .socials {
-  gap: .75rem
+  gap: 0.75rem;
 }
 
 .react-tooltip#shareProjectTooltip {