Retrospective web development exercise for the 2017 archive.

Take a page with an article and a short list of related links. Wrap them in one container and try grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) on a grid with a gap. Make the layout one column at a narrow width.

Put a long filename or code sample in the article and see if it forces the layout wider than the window. Set overflow behavior on the code block if it needs to scroll. I find this kind of test useful because the sample that breaks the layout often tells you more than the stylesheet alone.

Further reading