Mobile first site using angular and Flexbox

Links

• Solution URL: Solution
• Live Site URL: Live Site

My process

• Used Angular framework to build the application.
• Used Reactive form validtion functions for displaying error message even though the there only one field keeping in mind that future form fields can be added.
• created error message directive which sets aria-invalid and aria-errormessage accesibility attributes to the input field.
• created a error message component which display error based on type of validation errors

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• Mobile-first workflow
• Angular with reactive forms and validation functions for implementing the email validations.
• Directive to bind aria-invalid and aria-errormessage to input field and listener for blur output.

Checkout the solution and and provide suggestions