Skip to content
Submitted over 2 years ago

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

tailwind-css
Zou•190
@zouvier
A solution to the Equalizer landing page challenge
Preview (opens in new tab)Code (opens in new tab)

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.

Code

Please log in to post a comment

Log in

Community feedback

  • Jack Shelton•210
    @thejackshelton

    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

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