You must log in or register to comment.
Sadly
position: top;is not valid css. It should say
position: absolute; bottom: 0px;Still funny though.
Ah, the author fixed it. Good job.
Thank God, that would’ve eaten me alive
The
pxis making me eyes itch.
If you trim that bush, it’ll seem larger
Why is
.tree’s position relative?Needed for the
.leaves’ absolute positioning to be relative to the tree, and not relative to the universe.Damn, I thought you were going to take me out to dinner first
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.edit: I mean
.leaves, not.branch
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.
