Showerthought: I styled a form with a 900px fixed width in 2019 and finally saw why it broke on my own phone | CSS Shenanigans - The Design Community Hub
Showerthought: I styled a form with a 900px fixed width in 2019 and finally saw why it broke on my own phone
Last week I was testing a signup form on my friend's old iPhone SE in a coffee shop in Ann Arbor and the whole right side just ran off the screen. Turns out I had set a 900px width on the form wrapper back in 2019 and it held up fine on my big monitor, so I never caught it. A single max-width: 100% fixed the whole thing in about 10 seconds. How do you all catch this stuff before it goes live, browser resizing or do you just wait for someone's phone to embarrass you?