Skip to content
Submitted 2 months ago

newsletter sign up with success message

Zeyu Long•60
@ZoeLong98
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

First time to practice js

What challenges did you encounter, and how did you overcome them?

don't know how to pass variable between html solved by using localStorage

What specific areas of your project would you like help with?

more JS method

Community feedback

  • Hossein-H-I•220
    @Hossein-H-IPosted 19 days ago

    Hello my friend your solution in desktop and mobile devices looks pretty the same to design. but there is some problem with tablet devices or screens sizes like that.

    another thing is:

    @font-face Declaration

    Issue: The format values for the font URLs are incorrect. The correct format for TTF files should be format("truetype") instead of format("ttf").

Correction:

css

    @font-face {

    font-family: "roboto";

    src: url("assets/fonts/Roboto-Bold.ttf") format("truetype"),

       url("assets/fonts/Roboto-Regular.ttf") format("truetype");

    }

    Marked as helpful
    1
    Zeyu Long•60
    @ZoeLong98Posted 19 days ago

    @Hossein-H-I Thank you for your feedback! It does look terrible in tablet size🥲

    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