cpalileo / cpalileo-portfolio

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Background not consistent on resize

cpalileo opened this issue · comments

Not sure if this is possible but I've made a few attempts incorporating "cover" and "contain" inside the header's background-size to try to auto resize the background image to stay perfectly visible with the window resizing. When I have it set to "cover" parts of the background image get cut off depending if the window resize is proportionate or not. Alternatively, when setting the background-size to "contain" the image seems to repeat itself when the window size is not proportionate or becomes too small for the background image.

Although I don't know how to do it yet. I imagine this might be something that would be easier done using JavaScript in the future. But for now I'll label it as a bug in hopes it can be resolved using CSS.