Multi-Column Layout Issues

Please do. I'm fighting with the columns too, can't get it right

Looks like it might benefit from having dynamic column widths determined by the content. Lots of wasted space in the IDs.

the design is really cool, but the two columns are really confusing on a screen that is not tall enough to fully contain them

Hey Joel,This has multiple columns that are taller than the browser window... so you have to scroll up and down.This would benefit from being broken up, with more white space. I'd strongly suggest a single column.

The browser could distribute the white space between columns to avoid this.

this is not about columns nor line lengths, it's about the width of the single column relative to screen size.

Narrow column would be easier. Full screen width is not best practice.

Love it. Now give me a columnar layout.

Looks nice, though I feel keeping the right 2 columns at a fixed position would make things easier to read.

Nice! That does make for an extremely-classy table. My only suggestion is that, at 1080p, there's an eye-water 330px gap between the text in the 1st and 2nd columns in the first table. This makes it a bit difficult to tell if quinoa is 1:1.25 or 1:6-1:7. Perhaps there's an elegant way to clamp the maximum table width that works for all 4 tables?