Product Card Component with Text Animation and Button Hover

Community feedback

• 

  VincenzoMuolo•180

  @VincenzoMuoloPosted almost 2 years ago

  Hi there! For your request try use padding-left:1.5em; in span class.

  Hope to have been helped you!

  Cheers

  0

  ---

  

  RM.Aniel•340

  @anielrusselPosted almost 2 years ago

  @Shirohige-96 I've tried it and different ways but did not work, thanks anyway.

  0

  

  VincenzoMuolo•180

  @VincenzoMuoloPosted almost 2 years ago

  @anielrussel Hi, you could consider to change the html and doing something like this:

  HTML

  <div class="price_container">
    <h1>149.99$</h1>
    <span>169.99$</span>
  </div>
  

  CSS

  .price_container{
      display:flex;
     align-items:center;
     gap:1.5em;
  }
  .price_container span{
    text-decoration: line-through;
  }
  

  0