diff --git a/custom.css b/custom.css index 9045bde..1f7791c 100644 --- a/custom.css +++ b/custom.css @@ -189,7 +189,13 @@ span.avoidwrap { .rb-footer-grid { display: grid; - grid-template-columns: 2fr 1fr 1fr 1fr; + grid-template-columns: 1fr; + gap: 30px; +} + +.rb-footer-nav { + display: grid; + grid-template-columns: 1fr 1fr 1fr; gap: 40px; } @@ -258,19 +264,29 @@ span.avoidwrap { } @media screen and (max-width:750px) { - .rb-footer-grid { - grid-template-columns: 1fr 1fr; + .rb-footer { + padding: 40px 20px 20px; } -} - -@media screen and (max-width:568px) { - .rb-footer-grid { - grid-template-columns: 1fr; + .rb-footer-nav { + gap: 16px; + } + .rb-footer-group-title { + margin-bottom: 8px; + } + .rb-footer-links { + gap: 4px; } .rb-footer-ctas { + margin-top: 24px; flex-direction: column; } .rb-footer-ctas .button { text-align: center; } + .rb-footer-quote { + margin-top: 20px; + } + .rb-footer-bottom { + margin-top: 20px; + } } diff --git a/index.html b/index.html index 73f1cce..4cc275b 100644 --- a/index.html +++ b/index.html @@ -475,29 +475,31 @@ No credit card required. - - -