This is a solution to the Base Apparel coming soon page challenge on Frontend Mentor.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Receive an error message when the
form
is submitted if:- The
input
field is empty - The email address is not formatted correctly
- The
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- BEM
- aria-invalid
- aria-errormessage
- How should error messages should be handled for screen readers?
- Accessible Form Validation
- JavaScript Email Validation
- Can I use a :before or :after pseudo-element on an input field?
- Frontend Mentor - @xyzeez
- Twitter - @abdusamii_