Egos at the Door
Today was another perfect example of why having an ego and being a programmer seem completely incompatible. This site is built only really using HTML and CSS - admittedly there is some templating and preprocessing done with Sass/Liquid etc - but it should still be easy enough.
I spent maybe two hours today staring at the mobile styling
for this page. I had a regular desktop browser set to 375px
wide, but everything was too small, and the DOM elements
were telling me that there were bigger than they demonstrably were.
console.log(screen.width); returned 375px - what we'd
however, returned 980px, despite it clearly being visually
less than the width of the device. I even hooked up an old
android phone to my PC and
installed developer options by tapping the build number 7 times. I had no joy whatsoever.
What. The. Fuck.
Except not really what the fuck, because anyone who would so brazenly call themselves a web developer, as I have, would know that the first thing to check would be whether or not a meta value had been set for the viewport. I'm a clown.
At least I am a clown who learned something, and I suspect this is the last time I make this mistake again - at the very least I hope it is the last time I waste nearly 2 hours trying to correct it. The relief when I could finally get media queries working correctly was palpable.