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

Responsive landing page with, SCSS, Vite

@mightycoyote

Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Lucas 👾 104,420

@correlucas

Posted

👾Hello Sarah Wilkes, congratulations for your solution!

I did this same challenge and I know how much hard its to work with this hero image overlapping the container. My advice for you is to use overflow: hidden for the image and position: relative/absolute (related to the whole section)to position the image out the container without affect the other elements. This for sure is the hardest part ever.

If you want to use my solution as a reference to fix this issue, here's the link: https://www.frontendmentor.io/solutions/skilled-elearning-landing-page-vanilla-css-wr-dMF3Qk1

Hope it helps, happy coding!

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