+ 3

Please, help. How do I change the background color of only the top of my web page?

I can't get my pink bar to expand to the edges of the page. I want the pink bar with the title to cover the entire top and the full width but it's still surrounded by my white background. https://code.sololearn.com/W26dCxI8J6RB/?ref=app

15th Feb 2018, 8:54 PM
Babydoll Scripts
Babydoll Scripts - avatar
13 odpowiedzi
+ 2
not best wa y but works try this .design{ background-color:#ffb6c1; background-attachment:scroll; overflow-x:hidden; width:110%; margin-top:-10px; margin-left:-10px; }
15th Feb 2018, 9:08 PM
Sudarshan Rai
Sudarshan Rai - avatar
+ 3
It's still not working.
15th Feb 2018, 9:02 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 3
I'm on a phone using the app.
15th Feb 2018, 9:07 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 3
That definitely helped a little but how can I get rid of the side scroll?
15th Feb 2018, 9:12 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 3
Thank you so much. 😄
15th Feb 2018, 9:18 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 3
I will right down the attributes you taught me for future reference.
15th Feb 2018, 9:18 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 3
I've seen your codes. They are awesome. I've been coding for a year and I'm still on basic level.
15th Feb 2018, 9:23 PM
Babydoll Scripts
Babydoll Scripts - avatar
+ 2
make a width 104%👍👍
15th Feb 2018, 9:17 PM
Sudarshan Rai
Sudarshan Rai - avatar
+ 2
😁😁Well pratice make man perfect😁
15th Feb 2018, 9:21 PM
Sudarshan Rai
Sudarshan Rai - avatar
15th Feb 2018, 9:25 PM
Sudarshan Rai
Sudarshan Rai - avatar
+ 2
and thnx for visiting my codes
15th Feb 2018, 9:25 PM
Sudarshan Rai
Sudarshan Rai - avatar
+ 1
Your problem is that you made its height 100% also. Change your design class in CSS to the follow: (Just remove height: 100%;) .design{ background-color:#ffb6c1; background-attachment:scroll; overflow-x:hidden; width:100%; margin:auto; }
15th Feb 2018, 9:01 PM
Fata1 Err0r
Fata1 Err0r - avatar
+ 1
Maybe it's your browser then? After removing height: 100% it works fine for me on Chrome. Which browser are you using? As I'm sure you've noticed by now, not forcing standards between all of the browsers is annoying for the developer side of things. lol
15th Feb 2018, 9:06 PM
Fata1 Err0r
Fata1 Err0r - avatar