Betere footer op mobiel

Wat is er veranderd?

De footer op het drawing-platform had drie kolommen die op kleine schermen abrupt onder elkaar vielen via flex-wrap. Nu gebruiken we flex-direction: column op mobiel (flex-column / flex-md-row) met een ruimere gap, zodat de overgang van drie kolommen naar een gestapelde layout er verzorgd uitziet.

Daarnaast is de hoofdfooter van de publieke site op mobiel gecentreerd: zowel de merk-informatie, navigatie als de copyrightbalk staan nu netjes in het midden op kleine schermen.

Technische details

• Drawing-footers: flex-wrap vervangen door flex-column flex-md-row met gap-4 gap-md-0; overbodige col-12 en mb-3 mb-md-0 verwijderd.
• Hoofdfooter: text-align: center toegevoegd aan .site-footer__grid en .site-footer__bottom binnen de bestaande @media (max-width: 576px) query; gap verhoogd van 2rem naar 2.5rem.