When I am on the FreeCodeCamp website there is this weird blue line that just stays on the website and does not move and I don’t know why it is there. It shows up sometimes and sometimes its not there.
Thanks for reporting the issue, this one is known already. Some more about it can be found at:
I’ve been having the same issue (I’m doing the same course!) and it was driving me insane.
It’s the body, that for some reason has the style set to outline: 5px solid var (–focus-outline-color)
You can F12 and change the 5px to 0px and it disappears, but you’ll have to do that every time you go to the next page on the lesson.
So, if you go to the Settings on your Browser and find the Developer option (I use Brave and it was very easy to do) you can just add Custom scriptlets. Then Create custom filters for freeCodeCamp.
I saved this 1 line script as “RemoveLine-freeCodeCamp“ in the Custom scriptlets box:
document.body.style.outlineWidth = “0px”
Then added this on the Create custom filters box:
!–looks like I can’t add the whole thing in just plain text, so just add the missing dots to the website, and the rest stays the same–
www freecodecamp org/learn/responsive-web-design-v9###RemoveLine-freeCodeCamp
And that did it.
The line doesn’t appear anymore, and I can go through the lessons without the annoying line.
I can see people giving up on their courses because that line is such a pain (especially when it’s crossing off a whole sentence!)
Wishing you good luck hrseipel.