Responsive page using HTML/CSS and active hover features

Community feedback

• 

  Daniel•1,010

  @GhraviteePosted over 1 year ago

  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

  1