Submitted over 2 years ago

Responsive landing page using JavaScript to toggle the navigation

Paul• 120

@SageKyle

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blogr landing page

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

How do I properly position background images when there is already a background linear gradient (e.g: the header of this project.)?

Any feedback is welcome.

Community feedback

Ivo• 240

@ivcp

Posted over 2 years ago

You can use 'background-position' and pass the desired positions for the two backgrounds separated by commas in order that you put them. You can read more about it here: https://developer.mozilla.org/en-US/docs/Web/CSS/background-position

Paul• 120

@SageKyle

Posted over 2 years ago

Wow! Very strange it didn't cross my mind to check MDN. Thanks a lot @ivcp

Please log in to post a comment

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