Rant: everyone says put your whole layout in one grid, but I split mine into 3 and my Lighthouse score jumped 14 points | CSS Grid Tricks - The Design Community Hub
Rant: everyone says put your whole layout in one grid, but I split mine into 3 and my Lighthouse score jumped 14 points
Tried the single mega grid thing from a YouTube tutorial last week and Chrome DevTools showed the paint time doubling on my portfolio, so I broke it out header, main, footer and it all smoothed out. Anyone else find that one big grid looks clean in the code but tanks the actual render?
Yeah I ran into the same thing with nested grids on my blog, the browser just does way more work figuring out where everything goes. Keeping each section separate lets it paint as it goes instead of waiting on the whole tree. Small change, big payoff, glad it worked out for you.