Complex page grids and classic tables lay out like the reference browser

Two things real websites lean on that Floati's from-scratch engine got wrong are fixed, both in how the page is laid out. First, CSS Grid - the modern layout system sites use to build responsive column sets - now understands its full range of flexible track sizes: a column that grows with its content up to a set limit, a column capped at exactly the width a word or heading needs, and a header that stretches across several columns and pulls each of them wider so it fits. The shared component kits most modern sites are built from emit exactly these, so grids that used to come out lopsided or overflowing now match the reference browser. And a grid measured for its own natural size - a small inline grid of tags or buttons, or one tucked inside a flexible sidebar - now reports the width its columns actually need instead of flattening every word onto a single line. Second, classic HTML tables: a table can declare its column widths up front with column-definition tags, and Floati now honours them in both of its table sizing modes, so reference tables and article infoboxes (the encyclopedia's among them) get the proportions their authors asked for, with any leftover width going to the flexible columns rather than making the fixed ones balloon. This takes the layout grade to ninety-nine; the last layout point waits on sticky positioning, right-to-left text for Arabic and Hebrew, and a few print-oriented features.