Product Preview

Community feedback

• 

  P

  Darrick Fauvel•490

  @DarrickFauvelPosted 3 months ago

  Hi @aapa1993, 👋

  Nice work on this project! I've also used Tailwind CSS in mine.

  My suggestion for this project is to try adding a transition on your button hover state. You can easily do this with Tailwind transition and duration classes.

  For example, with your button code block:

  <div class="font-montserrat bg-custom1 w-full flex items-center font-bold gap-2 justify-center text-white py-2 rounded-lg hover:bg-custom2 ">
      <img src="icon-cart.svg" alt="icon-cart">
      <a href="#">Add to Cart</a>
  </div>
  

  Simply modify your div element by adding these classes:

  <div class="... transition-all duration-300">
      ...
  </div>
  

  This will give you a 3ms soft transition between the background color change.

  I hope this is helpful. Keep up the great work! 👍

  0