How to remove/fix brown bar?

not sure it came to be, though any words are appreciated

picture for reference:

codepen: https://codepen.io/ri9atony/pen/xxzZmaP

I don’t see it. Are you still seeing it?

Wait, never mind, I had to scroll all the way over.

Hey, don’t blame me because you didn’t explain the issue. As a developer, you have to get good at documenting things. I have to write up issues to communicate to other developers everyday. If I give vague information, they would get mad at me for wasting their time. Don’t give scavenger hunts. If you are asking for help, make it as easy as possible.

In any case…

The issue seems to be here:

html, body {
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, #91756A 0,#A6928A 58%);
  font-family: 'Comfortaa', cursive;
}

I’m not a CSS guy (mostly do mobile work now), but if I remove the width it goes away. If I remove the background it goes away. I’d research those and make sure they are being used properly.

I’m also a little suspicious when people start putting html and head tags in html in codepen - it’s not really built for that. I don’t know if that affects it, but I did notice it.

I meant no mockery, but I see what you mean about the scavenger hunt, my apologies.

Removing the width seemed to do the trick, so thank you^^

1 Like

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.