Why does this background image appear as 180px wide?
Codepen: https://codepen.io/Gaurav-Narayan-Varma/pen/zYQggZj
I am attempting to a scale an image along both axis' by 2 while settings its width to the screen size, which in this case is 360px in width. I have the following code:
HTML:
CSS:
The width of 50% should cut the div down to 180px from 360px, while the scale of 2 should bring it back up to 360px.
However, as you can see in the codepen the background image does not expand to fit the width of the screen (even though in devtools it will say it has a width of 360px). Any idea what the issue could be here?
I am attempting to a scale an image along both axis' by 2 while settings its width to the screen size, which in this case is 360px in width. I have the following code:
HTML:
<div id="background"></div>CSS:
The width of 50% should cut the div down to 180px from 360px, while the scale of 2 should bring it back up to 360px.
However, as you can see in the codepen the background image does not expand to fit the width of the screen (even though in devtools it will say it has a width of 360px). Any idea what the issue could be here?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
