Responsive landing page built with HTML, CSS, JS and GSAP

Solution retrospective
End result looks good.
What challenges did you encounter, and how did you overcome them?Creating the hero section images on the right column.
What specific areas of your project would you like help with?Any idea on how to create background thats extends beyond the parent containers would be appreciated.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @MarziaJalili
Awesome work, buddy!
Here's the answer to your question:
Since you have set the
right-col
element to be an absolute element, simply by adding the line below the issue will be resolved:.hero .right-col { z-index: 100; }
This ensures that the
<div class="right-col">
will be the toppest layer of the page which will make the image appear on the top of the next section.Literally like the text animation, and the solution is flawless, no cap!
😎😎😎
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