Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Equalizer- made with HTML and CSS [project #5]

Zou 190

@zouvier

Desktop design screenshot for the Equalizer landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

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

@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

0

Zou 190

@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

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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