Responsive
The real pages in real iframes, because media queries answer to the viewport — a narrow div would keep rendering the desktop layout and prove the opposite of what it looked like it was proving. Scroll each frame; they are live.
One column. The lesson first, the curriculum after it, the chapter list following the video, and the panel bar docked at the foot.
Still one column — the three-column layout needs 64rem before the rails earn their width.
Three columns: curriculum, lesson, chapters. The narrowest width the full layout runs at.
One column. The lesson first, the curriculum after it, the chapter list following the video, and the panel bar docked at the foot.
Still one column — the three-column layout needs 64rem before the rails earn their width.
Three columns: curriculum, lesson, chapters. The narrowest width the full layout runs at.