[Vuejs]-Why does a css underline effect not apply to every element?

by

1👍

✅

When using position absolute you need to make the parent that you want to align it to position: relative

.animal-subtitle {
  display: flex;
  justify-content: center;
  font-family: 'RalewayRegular';
  font-size: 36px;
  font-weight: bold;
  color: #666B74;
  cursor: pointer;
  position: relative
}

1👍

Please try this

Please change width:100% and left:0%

.animal-subtitle:before {
    width: 100%;
    left: 0%;
}

Also add parent element position:relative;

.animal-subtitle {
     position:relative;
}

Leave a comment