Sunnyside Agency Landing page

Community feedback

• 

  Curtis Simpson•550

  @crsimpson5Posted over 2 years ago

  Hey dania, well done on your solution! The overall responsive design is great.

  One small tip: the animation on the arrow is a little bit janky since you're animating the margin. Instead, you can use the transform property which will be a lot smoother.

  Example:

  @keyframes arrow {
      50% {
          transform: translateY(-12px);
      }
     ...
  }
  

  Here's an article on performant transitions, which also applies to animations: https://codeburst.io/low-performance-css-transitions-and-some-alternatives-f84ff35bf07

  Marked as helpful

  1

  ---

  

  dania•530

  @adimidaniaPosted over 2 years ago

  @crsimpson5 Thank you so much for the tip! I will start using it from now and on

  1