572

submitted 4 days ago* (last edited 4 days ago) by bleistift2@sopuli.xyz to c/programmer_humor@programming.dev

20 comments fedilink hide all child comments

all 21 comments

sorted by: hot top controversial new old

[-] shovingleopardnsfw@lemmynsfw.com 31 points 4 days ago

Sadly

position: top;

is not valid css. It should say

position: absolute;
bottom: 0px;

Still funny though.

[-] shovingleopardnsfw@lemmynsfw.com 17 points 4 days ago

Ah, the author fixed it. Good job.

[-] hemmes@lemmy.world 2 points 4 days ago

Thank God, that would’ve eaten me alive

[-] some_guy@lemmy.sdf.org 4 points 4 days ago

You design people and your pedantry. > /dev/null for you.

Jk, you're fine.

[-] anguo@piefed.ca 1 points 4 days ago

The px is making me eyes itch.

[-] who@feddit.org 19 points 4 days ago

https://csszengarden.com/

[-] some_guy@lemmy.sdf.org 6 points 4 days ago

Came to say the same. I've never taken it so literally.

[-] Michal@programming.dev 21 points 4 days ago

If you trim that bush, it'll seem larger

[-] JasonMcCrea@lemmy.world 2 points 3 days ago

Saw this post about "CSS Gardening," and I'm reminded of debugging my first responsive website. Did anyone else spend hours wrestling with margins and padding, only to realize it was a typo in the media query? I did! Now I meticulously check my syntax.

[-] yetAnotherUser@lemmy.ca 8 points 4 days ago

Why is .tree's position relative?

[-] bleistift2@sopuli.xyz 32 points 4 days ago

Needed for the .leaves’ absolute positioning to be relative to the tree, and not relative to the universe.

[-] hemmes@lemmy.world 10 points 4 days ago

Damn, I thought you were going to take me out to dinner first

[-] BleakBluets@lemmy.world 6 points 4 days ago* (last edited 4 days ago)

It's so the position: absolute for .leaves works relative to .tree. The implication is that .leaves is a descendant of .tree.

position: absolute looks for the nearest ancestor with a set position in order to determine its own positioning context. Otherwise the absolute positioning would basically be relative to the viewport. If the position: relative was missing, the leaves would be against the bottom edge of the image.

source

edit: I mean .leaves, not .branch