CSS, Web, Web Development, Layout.
Flexbox implementation plan. body { width: 100vw; display: flex; flex-direction: column; } main { flex: 1; min-height: 0; display: flex; align-items: stretch; width: 100%; } footer { margin-top: auto; } nav { width: 220px; order: -1; } article { flex: 1; } aside { width: 220px; } The effect is as