Following Kevin's Space Travel Site Scrimba course and cannot get the underline indicators to work.
I am up to the " The design system / Underline Indicators Part two, and Part three section" , and for some reason the interactivity that should be happening when hovering over the list items, and the buttons is not happening. I even copy and pasted Kevin's code into VS and ran that and it still doesn't work. I tried it in a separate browser and it doesn't work either, however the exact same code does have the interactivity in Scrimba.
Weirdly, even though
.underline-indicators > *:hover, .underline-indicators > *:focus { border-color: hsl( var(--clr-white) / .5); } is defined, they only work if I CLICK the buttons. Has anybody else come across this at all, or know of reasons why it wouldn't work? Posting the html and css for this section makes this message too long, however I am hoping people have access to the course to be able to see the code. Everything else has worked so far flawlessly, even the Explore button he has us make. I am completely at a loss.
.underline-indicators > *:hover, .underline-indicators > *:focus { border-color: hsl( var(--clr-white) / .5); } is defined, they only work if I CLICK the buttons. Has anybody else come across this at all, or know of reasons why it wouldn't work? Posting the html and css for this section makes this message too long, however I am hoping people have access to the course to be able to see the code. Everything else has worked so far flawlessly, even the Explore button he has us make. I am completely at a loss.
3 Replies
My god, turns out <!DOCTYPE html> was missing
Did you download the files from Scrimba? Or from the ones I provided? (or did you do it yourself?)
Funny story, it was working on that project where I discovered Quirks mode, which is when no doctype is declared
which is why that hover wasn't working... I had the same issue at one point because I downloaded the files from Scrimba. Everything worked there, but didn't work when I downloaded the files from them... I was losing my mind too, sounds like you solved it faster than I did 😅
@Kevin I copy pasted what was on the course material 'live' from the video, but to be honest, although it may not be ideal, it's a great unintended learning experience!
I can't tell you how much I appreciate the content you've put out, it's all been incredibly useful for learning and I'm looking forward to more from the future.