How do I put the image behind the hero section?
I'm trying to solve a frontend mentor challenge, but I'm having issues putting the squiggly lines image behind the text at the hero section and i tried using relative and absolute positiong but the image won't move to the top-left side and remains in the middle. How do i solve this?
Code: https://github.com/kenekc18/Insure-landing_Page
Frontend Mentor Challenge: https://www.frontendmentor.io/challenges/insure-landing-page-uTU68JV8/hub Live website:https://insure-landing-page-psi-pink.vercel.app/
GitHub
GitHub - kenekc18/Insure-landing_Page
Contribute to kenekc18/Insure-landing_Page development by creating an account on GitHub.
3 Replies
Any change you could use something like GitHub pages or Netlify to host the site, since you already have it on GitHub? Makes it a lot easier when people can see the problem through one link, instead of having to go to the repo and download it and run it, or copy paste some code to try and see what might be the problem 🙂
Ok thanks I'll do that
Not sure if I’m understanding the problem right, but I’ve seen putting on negative margins work as well
So you basically put margin-bottom: -4rem
On the element