Skip to content
Submitted over 3 years ago

Base Apparel with HTML, CSS and JavaScript

Melvin•270
@MelvinMelonGit
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

Hi there! Thanks for viewing my solution.

Please let me know how I may resolve the following issues.

1 - I'm using grids for my css, and in the tablet view, I can't seem to align the picture to stretch the full length of the viewport.

2 - I can't seem to figure out the validation part of the form. It works when I use an invalid email, but somehow it doesn't allow submission for a valid email.

3 - I can't seem to figure out how to retrieve a pseudo element in JavaScript during validation. I'm using a pseudo element for the error icon.

4 - Please advise me on some workarounds, as well as ways to improve my overall code.

Thanks again! :)

Community feedback

  • Account deleted

    First of all check your js. If you say it's working for invalid datas, that could be you can't pass any email to validation function. if you can read email, check your validation function. i found out. If you still cant fixed i can help.

    1
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @gurkanozer ,

    Thanks for your reply. I will look into this!

    0
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @gurkanozer ,

    I still could not figure out, could you advise what can be done? Thanks!

    0
    Account deleted

    @MelvinMelonGit, Your mistake is defining this constant: const emailValue = email.value.trim(); You define that constant "emailValue" while email is empty. Just remove this constant and change your if statement. if (!isEmailValid(email.value)) { I think this will work.

    1
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Hi @gurkanozer ,

    I will try this out thanks!

    0
  • shashank•225
    @shashankrk46Posted over 3 years ago

    https://www.frontendmentor.io/solutions/flex-and-grid-MDxTuvRAU You can go through my code.

    1
    Melvin•270
    @MelvinMelonGitPosted over 3 years ago

    Thanks! @shashankrk46

    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