Please tell me how to solve the z-index of footer

Hello there 👋. Congratulations on successfully completing the challenge! 🎉

• I have a suggestion regarding your doubt that I believe will be of great interest to you.

PLACING "WORK-SECTION" AS PER DESIGN 💡:

• " I thought if I give z-index : 5 to the "work-section" class and give "negative-margin", it might overlap, but it doesn't ", Don't worry we can easily place that for half of the bottom using position property.

• Instead of trying z-index in static position, You can try to set position to relative and then you can able to move on the element for any direction you want (like top, bottom, right etc.)

• Here's the snippet which might help you,

.work-section {
   position: relative;
   bottom: -29rem;
}

• Now you can able to see those changes, and another thing to note here is you need to remove margin-top from work-section so that extra white space will be purged.

I hope you find this helpful 😄 Above all, the solution you submitted is great !

Happy coding!