Background Images Help

Hello, looking for some help fitting background images to fit the entire screen and be reactive. I’ve tried a lot of different things and can’t seem to get it to work. Here’s an example of what I’ve been doing https://codepen.io/MarcelPenn/pen/yEYNKz the circle should be entirely visible and in the middle of the page. Any help would be appreciated!

Maybe if you use “contain” instead of “cover”? Check https://www.w3schools.com/csSref/css3_pr_background-size.asp

2 Likes

Hey that gave me something better to work with for sure, thanks!