Add AWS Logo to footer

hotosm · May 2, 2024 · 0b56dd4 · 0b56dd4
1 parent 3e45ab3
commit 0b56dd4
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git 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
@@ -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 {