@thejackshelton
Posted
Hey Zou!
I know this isn't exactly related to your challenge, but I thought I'd give some interesting feedback when it comes to positioned elements since it seems like you had some trouble with absolute.
When we set something to position absolute, we are taking it "out of flow". Where other elements will take up the space that absolute was.
Now you can use top, left, right, or bottom to position the absolute element.
The interesting part is where we want to position the element.
If there is no positioned parent, the absolute element is tied to the viewport. On the other hand, let's say you give the parent position relative, then that absolute element is bound to the constraints of its parent.
top: 0px; and left 0px would put it in the top left of the parent container.
Marked as helpful
@zouvier
Posted
@thejackshelton I see, that makes sense as to why certain absolute items behaved different than others. My main trouble was trying to keep the entire site responsive while using absolute is a complete nightmare. I'm planning on doing a second submission within the next couple weeks if you want to take a look then!
Thanks for your input