Styled viewport controls & cli copy

src/shared/prerendered-app/Intro/index.tsx

@@ -351,6 +351,12 @@ export default class Intro extends Component<Props, State> {
               >
                 Privacy
               </a>
+              <a
+                class={style.footerLink}
+                href="https://github.com/GoogleChromeLabs/squoosh/tree/dev/cli"
+              >
+                Squoosh CLI
+              </a>
               <a
                 class={style.footerLinkWithLogo}
                 href="https://github.com/GoogleChromeLabs/squoosh"

src/shared/prerendered-app/Intro/style.css

@@ -133,11 +133,17 @@
 
 .footer-items {
   display: grid;
-  justify-content: end;
-  grid-auto-columns: max-content;
-  grid-auto-flow: column;
-  align-items: center;
-  gap: 4rem;
+
+  grid-auto-rows: max-content;
+  justify-items: center;
+  gap: 2rem;
+
+  @media (min-width: 480px) {
+    justify-content: end;
+    grid-auto-flow: column;
+    align-items: center;
+    gap: 4rem;
+  }
 }
 
 .footer-link {