Justin• 120
@andrew-j-brown
Posted
Hi Andee-K!
Your project looks great, and the links work well either tabbing or hovering!
You mentioned design modifications, so I'll give you a tip with the links. You can use css to make the cursor change into a pointer while hovering over an element! Also, I used the transition property to make the background color smoothly change (opacity to change the color). That's more of a subjective choice though lol
li {
...
background-color: #2E4F4F;
transition: 0.2s all;
}
li:hover {
opacity: 80%;
cursor: pointer;
}
li:has(a:focus) {
opacity: 80%;
}
I'll drop some links below regarding the above. Hope this is of help, have a great day!
https://developer.mozilla.org/en-US/docs/Web/CSS/transition
https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
Marked as helpful
1
