Skip to content
  • Learning paths
  • Challenges
  • Solutions
  • Articles
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Base Apparel Coming Soon Page | HTML CSS Sass JS (Regex)

accessibility, bem, sass/scss, lighthouse
Vanza Setia•27,715
@vanzasetia
A solution to the Base Apparel coming soon page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Hello Everyone! 👋

My first solution in 2022 and as a PRO member! 🎉

It's been a while since I did the last project, so the quality of the code might not be as good as usual. Anyway, the layout was tricky, especially the hero image. Luckily, I managed to handle it, and hopefully, it looks good on your side. 😆

I also learned about Regular Expression when I worked with email validation. I searched for Regex on the internet, but I didn't find the one that I wanted. So, I ended up creating my own. 😁

Check the README to learn more about the Regex.

Now for the questions:

  • Can you understand the page content if you use a screen reader on the website?
  • Can you navigate through this website using your keyboard with the Tab key?
  • What are your thoughts on the Regex? Do you think it will detect the common invalid email address?

Any questions on the technique that I'm using are very welcome! 🙌

Also, if you want me to give my feedback on your solution for this challenge, feel free to put the link on the community feedback! I will be glad to help you too!

Thanks!

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Vanza Setia's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub