CSS Gardening

shovingleopardnsfw@lemmynsfw.com · 11 months

Sadly

position: top;

is not valid css. It should say

position: absolute;
bottom: 0px;

Still funny though.

shovingleopardnsfw@lemmynsfw.com · 11 months

Ah, the author fixed it. Good job.

hemmes@lemmy.world · 11 months

Thank God, that would’ve eaten me alive

some_guy@lemmy.sdf.org · 11 months

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

Jk, you’re fine.

anguo@piefed.ca · 10 months

The px is making me eyes itch.

Michal@programming.dev · 11 months

If you trim that bush, it’ll seem larger

who@feddit.org · 11 months

https://csszengarden.com/

some_guy@lemmy.sdf.org · 11 months

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

yetAnotherUser@lemmy.ca · 11 months

Why is .tree’s position relative?

bleistift2@sopuli.xyz · 11 months

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

hemmes@lemmy.world · 11 months

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

BleakBluets@lemmy.world · 11 months

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

Hofmaimaier@feddit.org · 11 months

Okay, nun weiß ich wie man Scharmbehaarung programmiert…

bleistift2@sopuli.xyz · 11 months

Das ist nicht _iel.

Samsy@lemmy.ml · 11 months

This is mad_css!!

bleistift2@sopuli.xyz · 10 months

THIS IS SPARTAAA

Samsy@lemmy.ml · 10 months

Hach, dachte fast den checkt keiner.

bleistift2@sopuli.xyz · 11 months

Und *Scham

Hofmaimaier@feddit.org · 11 months

Scharm ^^

JasonMcCrea@lemmy.world · 10 months

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.