Newsletter sign-up form with success message

console.log("Hello Programmers"),

This is my first project ever using TypeScript and Vue.js, and I hope I did a decent job.

Technologies Used:

• TypeScript
• SCSS/Sass
• Vue.js

Naming Convention:

• BEM (Block Element Modifier)

Difficulties Encountered:

• Media queries: I always find working with media queries to be a pain, especially with Vue components that are reliant on one another. Any suggestions on how to better tackle this are greatly appreciated.
• Linear-gradient: linear-gradient does not play nice with the transition property, if you have any work around please leave me a comment.

Questions:

• Does Vue.js scoped styles make the BEM naming convention redundant ?

If you have any suggestions on how I can improve my code, I would greatly appreciate it if you could leave a comment. Thank you in advance. (✿◠‿◠)