Immediately I thought “isn’t this just an overflow issue?” Amazing how far these models still have to go and also how many people don’t know basic CSS.
We would assume that if tasks A and B are closely related. Mastery in A would mean mastery in B but that doesn't always work with an LLM
Copy and paste code from stack overflow until the div is centered
Ask AI to center it
Also I'm not sure the fix is even correct. overflow-x: hidden means it just chops off any overflowing content which means you don't get a scroll bar, but if the user types to much it just goes into an invisible void they can't see.
See https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/P...
So this could be a case of the AI doing its classic "the symptom is gone!" thing.
That's what I figured would happen too, but I tested it and it doesn't.