this post was submitted on 07 Aug 2023

467 points (91.9% liked)

Programmer Humor

32716 readers

340 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

[email protected]

[email protected]

467

The Centerer (lemmy.world)

submitted 1 year ago by [email protected] to c/[email protected]

27 comments fedilink hide all child comments

Art by gfcf14

https://www.facebook.com/webdevtoons

https://twitter.com/webdevtoons

https://www.instagram.com/webdevtoons/

https://www.reddit.com/user/gfcf14/

you are viewing a single comment's thread
view the rest of the comments

[–] [email protected] 10 points 1 year ago

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-left to auto, the child will push right. Set margin-top to auto and the child will push to the bottom.

[...]

Why is this useful to know? Well, I think there are a few moments where justify-self or align-self might not get you exactly what you want in a layout where using auto margins gives you that extra flexibility to fine-tune things.