diff --git a/templates/launch-announcement.html b/templates/launch-announcement.html index e1de191..fb5b9a0 100644 --- a/templates/launch-announcement.html +++ b/templates/launch-announcement.html @@ -68,15 +68,16 @@ .wrap { max-width: 60rem; margin-inline: auto; - padding-inline: 1.25rem; + padding-inline: clamp(1.25rem, -0.053rem + 5.319vw, 2.5rem); } - section { padding-block: 0.62rem; } + section { padding-block: clamp(0.62rem, -1.444rem + 8.426vw, 2.6rem); } /* MASTHEAD --------------------------------------------------------- */ .hero { background: var(--dark); color: #ffffff; - padding-block: 1.5rem 1.15rem; + padding-block: clamp(1.5rem, -1.106rem + 10.638vw, 4rem) + clamp(1.15rem, -1.039rem + 8.936vw, 3.25rem); } .eyebrow { display: inline-flex; @@ -333,11 +334,6 @@ @media (min-width: 34rem) { .rows > div { grid-template-columns: 11rem 1fr; } } - @media (min-width: 48rem) { - .wrap { padding-inline: 2.5rem; } - section { padding-block: 2.6rem; } - .hero { padding-block: 4rem 3.25rem; } - } @media (min-width: 62rem) { .lead { display: grid;