Also, I think that tutorials for things like flexbox or grid should include fallbacks for older browsers. Because generally frontend devs simply copy the code from tutorial so if you don't include the fallback, they won't implement it.
> Also, I think that tutorials for things like flexbox or grid should include fallbacks for older browsers.
Well, a sensible fallback for that grid list example would be to inline-blocks with a fixed number of columns.
For instance, I recently made a component to be included on other pages at work. It had to look good no matter the size the page gave it. So they might put it into a 400px wide container, on a 1600px wide page. If I used vw or media queries to draw it based on page size, it would behave wrong.
Every time a float is used a Servo dev gets another grey hair.
Jokes aside, floats are Ok, but they make parallel layout from very hard to optimize, to no better than just using a single thread.