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

Responsive Newsletter sign-up form with success message solution

Cintia 100

@ciisiq

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


What did you find difficult while building the project? I don't know why but my image in mobile view is not working in the size that should be, tried so many times to fix it but I don't know...

I enjoyed doing the button with more than one colour 😊 Any tips are always welcome!!

Community feedback

@Blackpachamame

Posted

Hey your solution is amazing! 🤩

  • Background color should be --charcoal-grey
  • From what I see, you have used the same image (desktop) for both screens (desktop and mobile). To make it look good on mobile, you should use precisely the image for that version
  • You can use the picture tag to change the image according to the screen size. More info
  • Your input should not have a cursor: pointer since it is not an element that you can click on, but rather, it is where you can write text

Marked as helpful

0

@santosdlaysa

Posted

It was awesome, I had the same problem with the mobile image

0

Kendpr 290

@RealKendpr

Posted

@santosdlaysa see Marcos answer above maybe it could help you.

1

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