@willsf2021
Posted
Hi! Is very similar to template, congratulations! I noticed that you use ":hover" to change the background color of the links, in actually is on ':active" to do this, but your project is still amazing that way!
@Kitalphar
Posted
@willsf2021
Thanks for the feedback!
I read up on the :active
pseudo class and it does indeed looks useful, however in this particular case i believe it is not the right one to choose.
My reason being is that in the challenge brief it states "Your users should be able to: See hover and focus states for all interactive elements on the page" and in the Ideas section it states "Ensure visitors can navigate the links only using their keyboard.", :active
pseudo class specifically applies when a user is actively pressing down on a mouse button or when a touch input is engaged. Styling with :active
will not show on focused elements as they are in the :focus
state.
So in short i believe the intended goal of this challenge is to learn about :hover; :focus; :focus-visible; :focus-within
pseudo classes.
@willsf2021
Posted
@Kitalphar Yeah! You did it perfectly! Congratulations!