TIL grid-template-areas makes responsive reordering way less painful

Heading tags only count if the browser can actually see the text, ya know, like real words on a screen. Just saying, you can have all the fancy Nesting and grid-template-areas you want, but if you got an empty div with a screen-reader-only heading class, that's not really a heading. That's a lie to the browser. And a wall of text with no pause points, no landmarks, just eyeballs sliding down a giant paragraph. I mean, you do you, but don't come crying to the CSS Grid Tricks community when your Lighthouse score tanks and your bounce rate spikes. Now, if you wanted to use grid to build a proper skip-link that actually jumps over the nav and lands on the main content, AND have that main content be a real, meaningful

tag, then we're talking. But just slapping a class on a div? Nah. Not a trick, that's a trap. Has anyone else seen a client pull that one just to check a box on their SEO checklist?