Base Apparel coming soon page

The challenge

Your challenge is to build out this coming soon page and get it looking as close to the design as possible.

Your 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

Where to find everything

Your task is to build out the project to the designs inside the /design folder. You will find both a mobile and a desktop version of the design to work to.

Notes

Used:

• CSS + JS
• Bulma

Time to complete:

• 5-6 hours

Challenges:

• Applying Bulma classes in right order
• Displaying logo in correct position in both mobile and desktop
• Centering main body text
• Breaking out of div for mobile hero image (*reused code)
• Making background images flow correctly

Improvements

• Can make mobile layout look better
• Can possibly make mobile image "background-image"