Issue alligning banner to rest of the body

Code Feedback
1

Hi All,

Can you help me? I don’t seem to be getting anywhere on Google…

As you can see from the below. I can’t figure out how the get the image on my banner (background-image) to line up correctly with my main body. What am I doing wrong?

P.s. please be kind, I have only been doing this for a couple of days.

Pasted image1494×792 488 KB

2

You may wish to revisit the dimensions for #banner.

I hope this helps!

3

I’m struggling to figure it out…

The closest I have got so far is that if I add “margin-left: 15px;” to the CSS for “#banner” - it resolves the alignment in full screen. But then as I move towards mobile view the margin pushes the banner off again.

5

Is this ur desire? ( i can explain if it is how to achive if need )
[ http://codepen.io/ustvarno/pen/WGNVxo?editors=0100 ]

6

Thanks, but no.

I have made further progress as you can see in the link below by shrinking the width and using margin-left: Xpx. This seems to line it up on full-screen mode but when I shrink the screen the margin pushes it off to the right.

7

Working with your original code, what about changing the container classes in your sections with the row class. You may have to also remove the margin-left in the banner id.

1 Like