Decorative image that adapts to the screen size?
Hi there. I'm working on a design where the hero image has a decorative element that should span the entire page. What would be the best way to accomplish this? I tried playing around with using a background-image with repeat on but that didn't look natural at all - atleast the way I did it.
I instead tried using absolute positioning but I cant' figure out how to make the decorative element scale without distorting. Any suggestions?
I've set up a code-pen with an image that has a width of 90%, this should be able to simulate different monitors
https://codepen.io/markus-b/pen/VwxdYOB
I instead tried using absolute positioning but I cant' figure out how to make the decorative element scale without distorting. Any suggestions?
I've set up a code-pen with an image that has a width of 90%, this should be able to simulate different monitors
https://codepen.io/markus-b/pen/VwxdYOB
