Stunning Landing Page Doubt

HTML-CSS Conversations
#1

@masumtycoon , Sir I have a doubt regarding the use of hover property in stunning landing page assignment.

Sir, in this link, I have attached my console page output error, html, css. While I was adding hover effect, the underline is coming for all the words and empty space.

#2

@leyajoy2000

Please try this code

.hab {
  display: inline-block;
  word-spacing: 50px;
  color: #646060;
  text-decoration: none;
  padding: 0 10px;
}

.hab:hover {
  color: black;
  cursor: pointer;
  text-decoration: underline 3px rgb(66, 66, 147);
}

.hab:hover::after {
  content: "";
  text-decoration: none; /* Remove the underline for the pseudo-element */
}

Feel free to ask any kind of doubt.
Thanks & regards
Dharshini

#3

Mam, this code is not working. There is no change in output

#4

@leyajoy2000 ok I will recheck it.