Chris Coyier on CSS-Tricks:
Say you have a very simple CSS grid layout with one column fixed at
300pxand another taking up the rest of the space at
That’s somewhat robust. That
1frcolumn will take up any remaining space left behind by the fixed
300pxcolumn. It’s true that the
autovalue would do the same, but
autoisn’t quite as robust since it’s size is based on the content inside.
Chris explains something here which may look pretty simple, but would’ve taken me hours to debug. The distinction he makes between the
auto defined column is game changing on its own.