Weird bars on website (html)

Hello,

I don’t know if this is the right place to ask, but since i learned designing a webpage with this book, i figured I might aswell ask someone around here.

As you can see I have some weird bar on my page and I have no idea where it is coming from. It just appeared without me changing anything. Because when I control-z back to the a moment before the bar was there, it still shows up. Any idea where this comes from?

Thanks in advance,

Ben

Hey Ben,

If you use your browser dev tools, that might give you a clue what that particular item is. Otherwise, it’s hard to be certain without seeing the Html being rendered on the web page.

That looks like a div you’ve added but it’s not rendered full size because the contents are very small. If you right click on it and select Inspect Element, you can see what CSS is on it. Then, use the checkboxes on each CSS element to turn of/on each one until it does what you want. Also, try adding:

display: flex;

To that div and it might also render correctly. Finally, add this:

border: 1px solid red;

A free service run by Zed A. Shaw for learncodethehardway.org.