Responsive Newsletter sign-up form with success message
Design comparison
Solution retrospective
I am proud that I made most of this project without any help.
What challenges did you encounter, and how did you overcome them?I didn't faced much challenges in this project
What specific areas of your project would you like help with?It is the designing part when I need some help 😐
Community feedback
- @Bishalsnghd07Posted 8 months ago
Hi, DivasJaglan👋
Congrats for completing this 🎉 challenge and you did a great job👏
I would say, If you took help from anyone or can be from Google then definitely you will get help from there and might be your problem related designing part should get solved.
But, no issues I would assist you in ui part:
Let's Start✨
1)First of all you should work with mobile first approach, in this challenge you used desktop first approach. Using
max-width
in media queries defines that you are following desktop first approach, change it tomin-width
then it will said as mobile first approach. The advantage of mobile first approach is you did not have to define much CSS property in it. Using mobile first approach, styles are by default responsive. You Just have to give, define CSS property in desktop view to make responsive.2)Second, your mobile image is not set properly because you did not give any media-query less than
768px
screen size. I will recommend to userem
instead ofpx
and it is the best practice to be use. According to that same approach you can follow on Thanks for subscribing page to get desire result.I would recommend work on responsiveness and mobile-first approach, to enhance your skills and strong your hands in frontend development.
Hope this small tip will help you ahead in your future projects to!
Once again Welcome to Frontend Mentor wishing you a very joyful journey ahead and Happy Coding ❤️
Marked as helpful1
Please log in to post a comment
Log in with GitHubJoin 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