Can someone tell me how can I make that duck , or what ever it is, to resize herself deepening the screen size ? https://codepen.io/raul-rogojan/pen/wLGGwp?editors=1100
@codyhillauthorJun 16.2019 — #@Sempervivum#1604821 I will want it to be bigger on larger screen size , I don't know why is not staying in it's own div.
@SempervivumJun 16.2019 — #In my codepen it's growing the bigger the wider the viewport is. In a proportional way, i. e. it's width is always the same percentage of the container. Unsure what your intention is.
@codyhillauthorJun 16.2019 — #@Sempervivum#1604823 I want that img to be 90% of the div it belongs. But If I add .img ing : width 100% is much bigger then the size of the div and bleeds over.
@SempervivumJun 16.2019 — #... there is a CSS property "object-fit" that enables for expanding an image to the boundaries of it's parent while keeping it's aspect ratio (similar to background-size):
@KeverJun 16.2019 — #You could also lose the image tag and go for a double background. This might be easier to work with, since object-fit doesn't work on a positioned image. .header-illustration { background-image: url('images/webmoney_PNG14.png'), url('images/pexels-photo-2439625.jpeg'); width: 100%; height: 60vh; background-position: 40% 50%, center; background-size: auto 40%, cover; background-repeat: no-repeat; }
@codyhillauthorJun 17.2019 — #@Kever#1604838 That's interesting, I did not knew that you can do double bg. But in the main file I want the png img to be positions bottom: 0 and right: 0;
@codyhillauthorJun 17.2019 — #@Kever#1604888 yeah , but then will position all the background to bottom right 0 . Not that would be a problem in general but I have to use 2 png img and an jpeg.