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

Newsletter-Sign-Up Challenge

@kendo-desu

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 are you most proud of, and what would you do differently next time?

Responsive site, close to OG design with all the functions.

Did not plan out class and id assignment as well as I'd hoped.

Community feedback

@krushnasinnarkar

Posted

Hi @kendo-desu,

Congratulations on successfully completing the challenge!

I have a suggestion regarding your code that I believe will be of great interest to you.

Your website works well for desktop screens (above 768px), but you need to ensure it also looks good on small screens like tablets and phones. You can use the following media query to rewrite your CSS and make it look similar to the design for smaller screens:

@media only screen and (max-width: 768px) {
    /* Add your responsive styles here */
}

For example, you might want to adjust font sizes, margins, paddings, and layout to ensure the content is easy to read and navigate on smaller screens.

I hope you find this helpful, and I would greatly appreciate it if you could mark my comment as helpful if it was.

Feel free to reach out if you have more questions or need further assistance.

Happy coding!

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