complete novice needs help

[waynehinder]

hello all, i am having afew issues with images not being able to be resized, everytime i try to resize the images i just get blank white background, ideally i just want each background image to fill each section, i think if i had the images specified in css it would be easier but i have no idea how to implement this so any help would be grateful

https://codepen.io/waynehinder/pen/pBWJYN

[Paulie_D]

Not seeing an issue in codepen

[waynehinder]

the problem is noticable when viewed on any resolution higher than 1080

https://imgur.com/a/HVR6f47

the images just will not scale on larger displays, i just cannot make the image height scale to window height

[uxfed]

The CSS you’re looking for is background-size: cover. You may want to change how you’re setting the image using inline styles from background to background-image and put the other background styles in your CSS file since that will override background-size. If you don’t want to do that, instead use background-size: cover !important (though this isn’t best-practice).

[waynehinder]

@uxfed Thank you for the info, as I said I am a complete novice but I kind of understand I think haha, I will play around and see what I can change

[waynehinder]

@uxfed you are a true legend, i think i followed what you suggested could you take a look at the codepen and see if i have done it correctly
https://codepen.io/waynehinder/pen/pBWJYN
thank you once again

[uxfed]

You got it.

[Author]

Posts