diff --git a/css/sponsor.scss b/css/sponsor.scss index 0c26f1ca..d0254fa9 100644 --- a/css/sponsor.scss +++ b/css/sponsor.scss @@ -8,12 +8,14 @@ } .stats { - justify-content: center; - display: flex; + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + max-width: 940px; + margin: 0 auto; } .stat { - margin: 20px 50px; + margin: 20px; } button.email-button { @@ -65,6 +67,19 @@ button.email-button { gap: 40px; } +@media only screen and (max-width: 540px) { + .stat { + margin: 20px 10px; + } +} + +@media only screen and (max-width: 400px) { + .stats { + grid-template-columns: minmax(0, 1fr); + text-align: center; + } +} + @media only screen and (max-width: 990px) { .benefit.text-container { width: 100%;