problem in adjusting background image in css-CodePudding

I'm a beginner in html, css and stuck in a problem where I am trying to adjust a background image according to screen size but can't.

You can see that the full picture is not adjusted according to screen size and looks like after a certain portin a the picture started again. I don't know what is the problem and how to tackle it .

html

my html code

CSS

my css

My website

my website

the picture I want as my background

CodePudding user response：

You didn't add no-repeat in css. So your background image repeats. Try this:

background: url(paste here your link) no-repeat;

You can also visit w3schools and read about backgrounds. https://www.w3schools.com/css/css_background.asp

Next time please paste your code, not screens.

CodePudding user response：

you can use in your css : background-repeat: no-repeat;