Frontend Mentor - Newsletter sign-up form with success message solution

Overview

Users should be able to:

Add their email and submit the form
See a success message with their email after successfully submitting the form
See form validation messages if:
- The field is left empty
- The email address is not formatted correctly
View the optimal layout for the interface depending on their device's screen size
See hover and focus states for all interactive elements on the page

The base page on mobile:

The base page with an email error on mobile:

The success page on mobile:

The base page on desktop:

The base page with an email error on desktop:

The base page on desktop with the button's active state:

The success page on desktop:

Name		Name	Last commit message	Last commit date
Latest commit History 14 Commits
screenshots		screenshots
src		src
static		static
.eslintignore		.eslintignore
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
.npmrc		.npmrc
.prettierignore		.prettierignore
.prettierrc		.prettierrc
README.md		README.md
package-lock.json		package-lock.json
package.json		package.json
svelte.config.js		svelte.config.js
tsconfig.json		tsconfig.json
vite.config.ts		vite.config.ts