Max Roper
Challenges

Request Access Landing Page

16th February 2022
  • Sass

Landing page with email form for a fictional podcasting platform.

Screenshot of challenge solution

Challenge requirements

Users should be able to:
  • Receive an error message when the form is submitted if:
    • The "Email address" field is empty should show "Oops! Please add your email"
    • The email is not formatted correctly should show "Oops! Please check your email"
  • 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