{%- css %} :root { --footer-gap: 0.5em; } .footer { margin-top: auto; width: 100%; background: var(--clr-main-footer-bg); padding: 1.5rem 1rem clamp(1.5rem, calc(100% - 1.5rem), 3.5rem); text-align: center; display: grid; gap: var(--footer-gap); } .footer__links, .footer__shrines { display: flex; flex-wrap: wrap; justify-content: center; column-gap: var(--footer-gap); } .footer__links { justify-self: center; } .footer__shrines { align-self: center; } {% endcss %}