Skip to content
Submitted 4 months ago

Newsletter Sign Up Form (HTML, CSS, JS)

Hamza Kharal•50
@kharalhamza98
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?

Through this project, I learned about positioning and transforming when trying to place the checkmarks as bullet points. it took a long time but I finally honed it in and got it to work as indented.

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

My two biggest challenges were the checkmarks and the main image in the mobile view. I have not been able to solve the main image problem but have solved the checkmark problem. Any advice for the main picture on the mobile view would be greatly appreciated.

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

In the mobile view, the main image at the top is not showing the way the figma files have intended. I have asked in the discord and used GPT to help but have not been able to come up with a solution.

Community feedback

  • nekefer•200
    @nekeferPosted 2 months ago

    for the image on mobile you can use picture to solve the problem easly. That will help you to change your image depending on the size of you viewport.

    you can check this video to see how to do it : https://www.youtube.com/watch?v=Rik3gHT24AM

    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