Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Newsletter sign-up form with success message

@Manuelcoder02

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


The CSS gave me some hard time. I'm unsure of the fonts displayed

Community feedback

@Juan122113

Posted

Hi! Very interesting work! Especially the JS. I was having the same problems with the font, I fix it in this way:

@font-face {
    font-family: "Roboto regular";
    src: url('../fonts/Roboto-Regular.ttf');
}

@font-face {
    font-family: "Roboto Bold";
    src: url('../fonts/Roboto-Bold.ttf');
}

These are relative routes. The ../ it means "go one level up of the directory". If you put one dot only ./ that means that it stay in the same folder. I hope this is helpful for you.

0
Dhia 710

@Dhia-18

Posted

It looks great, good job! The only thing missing is the font family. You can search it on https://fonts.google.com/ and learn how to link it with your project.

Keep going!

0

Please log in to post a comment

Log in with GitHub
Discord logo

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