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

bcstith75 120

@bcstith75

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

Community feedback

@lavil014

Posted

Improve your success message on the mobile version, it should not look the same as the desktop version, you can use media query to style it.

You can use position absolute on the main container and position relative on the success message to position it over the main container section , you can do this to avoid creating 2 different HTML files.

You can find visibility property in CSS to hide and show sections when the event listener has been triggered.

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