Kevin Powell - CommunityKP-C
Kevin Powell - Community3y ago
12 replies
CDL

Trying to make a background image (jpg) fit a screen but all options don't seem to work...

The elements are created using innerHTML (I know, it's bad, I'm changing it once I figure this out) and currently the background has been applied to the root element (<div id="content"> in the html)

Repo: https://github.com/callum-laing/restaurant


    background: url("img/restaurant-front.jpg");
    background-size: cover;


I've attached 2 images to showcase my issue. I'm trying to figure out how to make this less... zoomed in? but I'm not entirely sure how to do it.. I don't care if i can't have the picture show as it should be, aslong as some of the food is in there to give it some sort of nice looking effect.
restaurant-front.jpg
fail.JPG
GitHub
Contribute to callum-laing/restaurant development by creating an account on GitHub.
GitHub - callum-laing/restaurant
Was this page helpful?