Please someone explain how to make my background-image better


#1

:fearful:It looks like there are two pictures.


#2

Here is the editor page


#3

on .jumbotron try adding these

.jumbotron {
 background-size: cover;
 background-repeat: no-repeat; 
background-position: center center;
}

This will make the image cover the jumbotron container, it will place the centre of the image in the centre of the page, as it's being centred vertically and horizontally. Cover means it will stretch to cover the entire container. and no repeat means the image will only appear once, rather than reproducing itself till it fills the container.


#4

Thank you very much.It does work!:joy:In the first time,I was trying to change margin-right to fix it.