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
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


Hello devs, I managed to finish this project, finally after procrastinating for about 6 months. However, I found it quite challenging to attain responsiveness, even at the slightest level. What's the best approach to attain that, the svgs gave me quite some hard time?

Community feedback

Jeremy 220

@JMwira

Posted

Hi wilieb. first of all i would like to encourage you toards being a frontend master. well, the one suggestion i have for you on improving the way you implemented your newsletter signup form is to use values in % so you can maintain the size of your divs on all screen size. the form can be 50% and the image 50% then later as the screen size decreases, you can implement media queries in your css to have the page fully responsive. good job

Marked as helpful

1

wilieb 30

@wilieb

Posted

@JMwira Thank you so much for your encouraging words and valuable suggestion. I'll definitely consider incorporating those improvements to enhance the user experience across different screen sizes. Your support means a lot, and I'm committed to continuous improvement. If you have any more suggestions or questions, feel free to share. Thanks again!

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