Design comparison
Solution retrospective
Came back and fixed all of the major issues with this project. Site is now responsive and built with accessibility in mind. Major improvement from the previous submission.
Community feedback
- @thejacksheltonPosted almost 2 years ago
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 helpful0@zouvierPosted almost 2 years ago@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
0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord