chore: Resolve layout shift on page navigation
What does this MR do?
- Resolve layout shift on page navigation
- Move
<footer>
outside of<main>
as per spec - Resolve mobile width causing overflow scroll on x-asis to satisfy WCAG 1.4.10: Reflow
Changes
- Move
<footer>
outside of<main>
- Remove
.content
CSS class, consolidate.main
style to own selector - Create
.container
CSS class - Remove conditional classes in default layout
<main>
element - Remove excessive spacing from
gl-pt-xx
classes in page templates
Closes #1457 (closed)
Screenshots
Description | Before | After |
---|---|---|
Layout shift | before | after |
Desktop spacing | ||
Mobile 1 | ||
Mobile 2 |
Edited by Scott de Jonge