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.
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.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
