@correlucas
Posted
Hello Tom, congratulations for you solution! Good work!
I had the same issue with the background that doesn't fit in the screen when I start to stretch the window. The solution I found was to swap between background-size: contain; / background-size: cover;
depending of the page width. I also set some media queries for the background and then changed the img files when it becomes mobile.
You can check my code here to understand what I did to keep the background full screen in all instances:
https://www.frontendmentor.io/solutions/product-preview-card-vanilla-css-and-custom-hover-state-on-hero-85A1JsueD1
Marked as helpful