Misc website mobile polish (#648)

* Reduce top section bottom padding on mobile * Clean up mobile branded CTA overlap
6 years ago · f05f6f7fae
parent 3c1670c0d0
commit f05f6f7fae
2 changed files with 6 additions and 2 deletions
--- a/website/components/branded-cta/branded-cta.module.css
+++ b/website/components/branded-cta/branded-cta.module.css
@ -9,11 +9,11 @@
    background-position: bottom 0 right -130px;
  }

-  @media (462px <= width < 600px) {
+  @media (438px <= width < 600px) {
    background-position: bottom 0 right -260px;
  }

-  @media (width < 462px) {
+  @media (width < 438px) {
    background-position: bottom 0 right -170px;
  }
 }
--- a/website/components/how-it-works/how-it-works.module.css
+++ b/website/components/how-it-works/how-it-works.module.css
@ -72,6 +72,10 @@
      & > div {
        padding-bottom: 355px;
        margin-bottom: -200px;
+        @media (--small) {
+          padding-bottom: 0;
+          margin-bottom: 0;
+        }
      }
    }