score:1

try adding width: 100%; to

.blackbackground {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #121212; 
  width: 100%
}

after your question edit:

your container is wrapping the black background. you can try container-fluid or rework your code like this:

<navbar page={2}/>
    <div classname="blackbg">
        <div classname="container">
        ...

this way the black background is not being constrained by the width of the container.

score:1

i would say the div containing the background image is the issue here. make sure that the div expands the full width and height so then the background image will follow.


Related Query

More Query from same tag