Skip to content
Submitted about 2 years ago

manage landing page with html/scss

FayssalG•240
@FayssalG
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Manage landing page
  • HTML
  • CSS
  • JS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

This one was a little tricky it took me longer than I expected, the tricky part was positioning the background pattern on the top right and making it responsive I used ::after to do it I wonder if there is a better way

Community feedback

  • ERIGO Chigozie Nicholas•650
    @nick335Posted about 2 years ago

    Hello, FAYSSALG’S

    Great job with the challenge, for the accurate positioning of the background image, you can use the 'background-position' attribute in your style sheet like this:

    `background-position: top 400px left 500px;

    // you can play with the values to get your desired positioning and also the position, you can use the bottom and right`.

    Hope this was helpful!!

    Happy Coding!!.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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