search

Media-Ed-Online / intro-web-dev-2017aut

Site for course "Introduction to Web Design and Development."
https://media-ed-online.github.io/intro-web-dev-2017aut/
MIT License
12 stars 3 forks source link

Background image #115

Open AndrewMartinezMT opened 6 years ago

AndrewMartinezMT commented 6 years ago

I have the background image I want on my RWD page but it repeats itself almost like the image is too small to fit on the page. Does anyone know how to make just a single image appear? I cannot seem to figure out how to make just one image appear.

screen shot 2017-12-05 at 1 02 19 pm
MarkLannen commented 6 years ago

Have you tried: { background-repeat: no-repeat; }

AndrewMartinezMT commented 6 years ago

I have tried that, but it still seems to repeat.

JustineEvansUM commented 6 years ago

Hey @AndrewMartinezMT! It actually appears to be working now, if this is your current page: https://andrewmartinezmt.github.io/web-dev-hw/project-4/

You can add background-size: contain to your body { } element to get the image to size to the width of the browser, OR background-size: cover to get the image to fit the entire browser. This may result in stretching or other weird behavior, however!