Responsive / CSS Grid / Mobile-first / BEM / Node / JS / SASS
Design comparison
Solution retrospective
Hi everyone,
- I use webpack and node for my workflow and the BEM methodology. Any advice on how I can improve is welcome.
- I used a regex for email validation but I was wondering if there is any other way to validate emails.
- I couldn't get the background-image to display, can anyone understand why?
- Any advice on accessibility is welcome too.
Thanks!
Community feedback
- @RajSanjelPosted over 2 years ago
Your image is not being displayed since you linked it wrong its in
base-apparel-coming-soon-master/assets/images/
but you linked/images
this is the reason why bg image is not being displayed. Just link it right way and it will work.And for email validation problem you can get reference from https://www.w3resource.com/javascript/form/email-validation.php .
Marked as helpful1@Rapha445Posted over 2 years ago@RajSanjel Thank you for the advice! About the background, I linked it as "../../images" so it should be the right path. It also tried the path you provided me but it also didn't display so I am not sure what I am doing wrong there.
0@RajSanjelPosted over 2 years ago@Rapha445 You can see it in dev tools.
- Go to dev tools.
- Go to network panel
- Reload the page.
- Watch for red link in Name panel.
- If your image is shown 404 you can see the path over there in header's panel and you can correct the path
Marked as helpful1 - @abcdibPosted over 2 years ago
- Your email validation doesn't work correctly. I provided my actual email but it showed me an error.
- Design wise your website looks great.
1@Rapha445Posted over 2 years ago@abcdib Thank you. Does you email contain any special characters? I used a standard regex (or so I think) and it seems to work for regular emails. I am wondering how I can include more unusual emails.
0
Please log in to post a comment
Log in with GitHubJoin 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