@Ghravitee
Posted
Hello @Desireye!!, congrats on completing this challenege. To solve your hover issue, simply get rid of your z-index on both the footer and the in-between card. The z-index prevents the hover effect from taking effect.
Here are some other tips to make your code efficient.
-
Try to avoid using definite heights and widths on your containers or divs. It makes the very rigid and unresponsive. Percentages are still acceptable.
-
Direct usage of the button tag obstructs accessibility. Simply use an anchor tag and then style it as a button and try to use more classes on your divs for better specificity or just focus on semantic html.
Happy coding.
Marked as helpful