Newsletter signup | Framer-motion, Scss & Nextjs

Community feedback

• 

  Arne•1,110

  @DudeldupsPosted over 1 year ago

  Hello! :)

  Just some recommendations: The animation on your button is huge! Sometimes a decent design is visually more appealing.

  Also you should not declare font-sizes in pixels. Use rem to declare font-sizes (or maybe em if you need to)

  Media queries should always be declared with em, not with pixels.

  In your email validation it's better to use input type="text" and then programatically check if the user entered a valid email address. The downside of using input type="email" is, you can enter "a@a" and submit the form.

  Do not use width: 100vw. It does weird things when a side scrollbar appears.

  1