KP-C

Kevin Powell - Community•3y 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;

    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.

GitHub

GitHub - callum-laing/restaurant

Contribute to callum-laing/restaurant development by creating an account on GitHub.