Search code examples
htmlcssimagemedia-queriesrepeat

Background image repeating when set to none

I have set the header image to not repeat. However, I'm trying to make the website responsive. When in a smaller browser the image begins to repeat. screen snip of website header background

header css media query

Solution

  • The property is no-repeat not none, e.g. :

    .bg-image {
    background-repeat: no-repeat;
}