Background-colour being cut when i zoom

[Cornos]

Hello everyone i have a problem and i hope someone could help, i think it’s not a big deal since i’m new on CSS.
Here is my code : http://codepen.io/Cornos/pen/xqbjMv
On the editor layout of CodePen change for the left or right one, to see my page better

and then zoom the page then scrool to the right

You’ll notice that the background-colour is cutt off
And i want the background fit all the top of the page even when i zoom.

I put my problem on stackoverflow and no one could help me yet.

I hope somone could help me here
Thank you

[Paulie_D]

That’s kind of expected behaviour…but you can fix it be removing right:0 and using min-width:100%; instead.

http://codepen.io/Paulie-D/pen/LWErKj

Frankly though, you should be looking to reformat the page when it’s not wide enough so you don’t have to scroll right

[Cornos]

You are the best ! Paulie
Thank you so much !!

For your last advice how can i reformat the page? adding media query?

[Paulie_D]

That’s up to you but certainly media queries will probably be involved.

[Cornos]

Thanx again ^^
i will look into it, at the end of my project to improve my knowledge

[Author]

Posts