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

Skilled Elearning Landing Page using HTML and SCSS

P

@danyelvarejao

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

Solution retrospective


Hello, after spending several days trying to fix the hero image, I decided to submit the solution even if it's incorrect. If anyone could give me some tips, I would be extremely grateful.

Community feedback

Account Deleted

So to match the hero image, you could make the image absolute and make the main container of the site relative. Then you could position the image on the top right and just use translate-y and x to move it up and down and right and left. Finally, just get the width correct and use media queries to resize it for smaller devices. Other than that it looks great!

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