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.
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.
20 Comments
shovingleopardnsfw@lemmynsfw.com · 32 pts · 1y
Sadly
is not valid css. It should say
Still funny though.
shovingleopardnsfw@lemmynsfw.com · 17 pts · 1y
Ah, the author fixed it. Good job.
hemmes@lemmy.world · 2 pts · 1y
Thank God, that would’ve eaten me alive
some_guy@lemmy.sdf.org · 4 pts · 1y
You design people and your pedantry.
> /dev/nullfor you.Jk, you're fine.
anguo@piefed.ca · 1 pts · 1y
The
pxis making me eyes itch.Michal@programming.dev · 20 pts · 1y
If you trim that bush, it'll seem larger
who@feddit.org · 19 pts · 1y
https://csszengarden.com/
some_guy@lemmy.sdf.org · 6 pts · 1y
Came to say the same. I've never taken it so literally.
yetAnotherUser@lemmy.ca · 8 pts · 1y
Why is
.tree's position relative?bleistift2@sopuli.xyz · 30 pts · 1y
Needed for the
.leaves’ absolute positioning to be relative to the tree, and not relative to the universe.hemmes@lemmy.world · 10 pts · 1y
Damn, I thought you were going to take me out to dinner first
BleakBluets@lemmy.world · 6 pts · 1y
It's so the
position: absolutefor.leavesworks relative to.tree. The implication is that.leavesis a descendant of.tree.position: absolutelooks 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 theposition: relativewas missing, the leaves would be against the bottom edge of the image.source
edit: I mean
.leaves, not.branchNichEherVielleicht@feddit.org · 3 pts · 1y
Okay, nun weiß ich wie man Scharmbehaarung programmiert....
bleistift2@sopuli.xyz · 8 pts · 1y
Das ist nicht _iel.
Samsy@lemmy.ml · 3 pts · 1y
This is mad_css!!
bleistift2@sopuli.xyz · 2 pts · 1y
THIS IS SPARTAAA
Samsy@lemmy.ml · 1 pts · 1y
Hach, dachte fast den checkt keiner.
bleistift2@sopuli.xyz · 4 pts · 1y
Und *Scham
NichEherVielleicht@feddit.org · 2 pts · 1y
Scharm ^^
SubArcticTundra@lemmy.ml · 2 pts · 1y
JasonMcCrea@lemmy.world · 2 pts · 1y
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.