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
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.
Repo: https://github.com/callum-laing/restaurant
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
Contribute to callum-laing/restaurant development by creating an account on GitHub.
