Preventing a Grid Blowout

added by JavaScript Kicks
10/2/2018 9:25:00 AM

382 Views

Say you have a very simple CSS grid layout with one column fixed at 300px and another taking up the rest of the space at 1fr. .grid { display: grid; grid-template-columns: 1fr 300px; } That's somewhat robust. That 1fr column will take up any remaining space left behind by the fixed 300px column.


0 comments