Responsive landing page using position and z-index



Desktop design screenshot for the Equalizer landing page coding challenge

This is a solution for...

  • HTML
  • CSS
View Challenge

Design Comparison




Accessibility Issues


HTML Issues

View Report

Teano Goss’s questions for the community

I couldn't figure out how to position the background and second pattern correctly if anyone could help me? Also, I used position so that I could layer my elements with z-index but I felt like I used the position: absolute element way too much is there another way I can layer elements on my webpage besides using position and z-index?

Community Feedback

Give some feedback to @tcaturani-goss about their solution...

Slack logo

Join our Slack community

Join over 80,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!