Weird flex, but ok
this post was submitted on 07 Aug 2023
437 points (91.5% liked)
Programmer Humor
32371 readers
548 users here now
Post funny things about programming here! (Or just rant about your favourite programming language.)
Rules:
- Posts must be relevant to programming, programmers, or computer science.
- No NSFW content.
- Jokes must be in good taste. No hate speech, bigotry, etc.
founded 5 years ago
MODERATORS
Hehe.
I see what you did there.
It's not weird, it's powerful!
Hell, I'm a web dev and I'd pay someone to center things for me
That'll be 200 dollars
Great, now make it blink.
For real. When I have a front-end story to do, I basically just slam on the keyboard until it looks close to how UX wants it.
Co-pilot?
I don’t do web dev, I write math software that makes very rich people richer. But I often hear of this centering and layout crap
Why doesn’t html just have hcenter and vcenter tags or something? Why is centering so hard?
HTML has moved on from non-semantic tags a long time ago, and centering is easy with modern CSS.
Since when does HTML not have a simple centering tag?
Edit: Since HTML5 apparently. Wow wtf?! I haven't actually used HTML since I was in high school. That's wild.
As a frontend dev: who knows?
Centering things on a web page is so easy.
I also have to look it up every single time.
"We have justify-content and align-items at home"
I wasn't expecting this to work, and yet it does: https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/
When Sam says, “that item will automatically extend its specified margin to occupy the extra space in the flex container,” the way my empty filing cabinet brain interprets that is like so:
Setting the margin property on a flex child will push the child away from that direction. Set
margin-lefttoauto, the child will push right. Setmargin-toptoautoand the child will push to the bottom.[...]
Why is this useful to know? Well, I think there are a few moments where
justify-selforalign-selfmight not get you exactly what you want in a layout where using auto margins gives you that extra flexibility to fine-tune things.
Back in the day we didn't have flex and had to use dark arts to center divs. Young frontend devs these days have it easy. Heck, back in the day there is no frontend devs, just cgi-bin programmers. Get off my lawn!
I wish i was that good with html/css
Flex.
cool flex bro