Skip to content
Submitted about 1 year ago

Base Apparel Coming Soon Page [BEM + PURECSS + JS]

xyzeez•670
@xyzeez
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello There! 👋🏽

Here is my solution for this challenge!

Built Using⚒️ :

  • Semantic HTML5 markup
  • CSS custom properties
  • Flexbox
  • CSS Grid
  • Mobile-first workflow
  • BEM

Question🙋 : For some reason, the input won't react to my animation styling. Can I get any help on that? ...

Feedbacks on how I can improve my code would be highly appreciated! 🙏🏽

Thank You, and Keep coding! 👨🏽‍💻

Community feedback

  • devusexu•130
    @devusexuPosted about 1 year ago

    Hello xyzeez! Although I don't know how to fix the animation issue, you might wanna know about

    1. Use <form novalidate> to disable default error message
    2. Use Constraint Validation API to customize your own error message

    For example, I tried inputs like something, something@ or (empty) it would all use the default error message, Please provide a valid email only appear for something@something because this pattern is valid for the type="email". Here's the link on MDN about this: Client-side form validation

    Another issue is that when I put my pointer on the edge of the button, the button would start to blink, which might cause an epileptic seizure.

    Good semantics and accessibility btw! I would use sr-only and aria-label like you in the future works.

    Marked as helpful
    0
    xyzeez•670
    @xyzeezPosted about 1 year ago

    @devusexu thank you so much for taking your time to view my submission. I'd surely work towards your suggested correction.

    0

Please log in to post a comment

Log in with GitHub

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