diff --git a/landing/footer.css b/landing/footer.css index 5595735a5..3be1f2fb5 100644 --- a/landing/footer.css +++ b/landing/footer.css @@ -1,79 +1,49 @@ footer.wrapper { + display: flex; + justify-content: center; background: rgba(235, 235, 235, 0.05); backdrop-filter: blur(12px); position: sticky; top: 100vh; } .contentWrapper { - max-width: 1850px; - margin-left: auto; - margin-right: auto; - display: grid; - padding: 50px 0; - grid-template-columns: 40px repeat(12, 1fr) 40px; - column-gap: 1.5%; - align-items: center; - grid-template-areas: '. nav nav nav . . . sub sub sub sub sub sub .'; -} - -@media screen and (max-width: 1099px) { - .contentWrapper { - grid-template-columns: 16px repeat(6, 1fr) 16px; - grid-template-rows: 1fr 1fr; - column-gap: 1.5%; - grid-template-areas: - '. sub sub sub sub sub sub . ' - '. nav nav nav nav nav nav . '; - } - - .submissionForm form { - display: flex; - flex-direction: column; - } - - .submissionForm form input { - margin-bottom: 24px; - } + width: 1850px; + padding: 48px 32px; } .navigation { - grid-area: nav; display: flex; flex-direction: column; } .navigation a { font-size: clamp(1rem, 0.8954rem + 0.5229vw, 1.5rem); font-weight: 400; } .navigation svg { margin-left: 8px; } .navigation a, .navigation svg { color: #808080; transition: 150ms; transition-property: color; } .navigation a:hover, .navigation a:hover svg { color: #ffffff; transition: 150ms; transition-property: color; } a.logo { font-family: var(--sans-serif); font-weight: 500; color: var(--logo-color); font-size: 28px; padding-bottom: 16px; } - -.submissionForm { - grid-area: sub; -} diff --git a/landing/footer.react.js b/landing/footer.react.js index 9590057c5..820ab5d60 100644 --- a/landing/footer.react.js +++ b/landing/footer.react.js @@ -1,69 +1,65 @@ // @flow import { faExternalLinkSquareAlt } from '@fortawesome/free-solid-svg-icons'; import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; import * as React from 'react'; import { NavLink } from 'react-router-dom'; import css from './footer.css'; -import SubscriptionForm from './subscription-form.react.js'; const navLinkProps = { activeStyle: { color: 'white', fontWeight: '500', }, }; function Footer(): React.Node { return ( ); } export default Footer;