react, scss, react-spring

Community feedback

• 

  T

  Matt Studdert•13,611

  @mattstuddertPosted almost 5 years ago

  Hey Ben, nice work on this! Why would you need JS to add an animation/transition? Both of those are possible in CSS. One way to achieve it would be to have a parent element on the prices that is a set height. Then use position: absolute; on the prices and use opacity instead of display: none; to transition the content.

  It's great to see that you got the toggle working with just CSS. For the positioning, I'd take the two toggle headings out of the header and have them as flex children as well in a row above the width: 100%; main element. It will take so playing around with, but it will be possible.

  I hope that helps. Keep up the great work!

  0