But in mobile it bumps each element to its own line, and doesn’t stay on the same row, because the margins stay fixed and do not shrink, and I don’t know where to find a float setting:
I’ve tried various combinations of grouping elements, changing from fixed to flexble width, etc, but I can’t find anywhere to change the margins.
In CSS, I’d try to float the menu left, float the login right, and center the logo, maybe with auto-margins.
I have no idea how the heck that worked (and I know CSS!) but thanks a bunch - I wasted an hour or two figuring it out and your fix did the trick instantly!
Yep! Responsiveness is one of the most important and trickiest skills. It has taken me a long time to get to where I am today and I would still call myself Intermediate.
Yeah, it definitely takes a while to learn. I was very interested in making less work for myself in the long run. I don’t need to make a desktop version and a mobile version, which means that I only have one place to update things. I no longer need to update two pages each time I want to push an update. It was worth it, to me, to take the time and invest in learning it well.