Submitted almost 2 years ago

Responsive / CSS Grid / Mobile-first / BEM / Node / JS / SASS

#bem#node#sass/scss#webpack

Rapha445• 100

@Rapha445

Preview site View code

This is a solution for...

Base Apparel coming soon page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

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

Raj Prasad Sanjel• 980

@RajSanjel

Posted almost 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 helpful

Rapha445• 100

@Rapha445

Posted almost 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.

Raj Prasad Sanjel• 980

@RajSanjel

Posted almost 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 helpful

Lucifer• 90

@abcdib

Posted almost 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.

Rapha445• 100

@Rapha445

Posted almost 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.

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