Submitted over 3 years ago

Base Apparel with HTML, CSS and JavaScript

Melvin• 270

@MelvinMelonGit

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

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.

Melvin• 270

@MelvinMelonGit

Posted over 3 years ago

Hi @gurkanozer ,

Thanks for your reply. I will look into this!

Melvin• 270

@MelvinMelonGit

Posted over 3 years ago

Hi @gurkanozer ,

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

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.

Melvin• 270

@MelvinMelonGit

Posted over 3 years ago

Hi @gurkanozer ,

I will try this out thanks!

shashank• 225

@shashankrk46

Posted over 3 years ago

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

Melvin• 270

@MelvinMelonGit

Posted over 3 years ago

Thanks! @shashankrk46

Please log in to post a comment

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