Responsive newsletter signup form with vanilla JS
Design comparison
Solution retrospective
Any feedback, precisely in how I could have approached the responsive layout better is welcome :)
Community feedback
- @UrbanskiDevPosted over 1 year ago
Hello anacarolinabmv !
I don't know how you tackled this challenge, by starting to build the desktop version or the mobile version but I would recommend to always start with the mobile version, which makes it easier after to work for the tablet view & the desktop view.
Also, if you test the responsive of the page, you will see it is not really responsive, the mobile size is working until your mobile screen is doing a width of 375px. (you can test it with your browser dev console)
To make sure your design works well for larger devices, I recommend you to work with max-width, and medias query, here's a link about media queries : MDN media queries
Otherwise, great job on the challenge, keep learning and happy coding !
Marked as helpful1@anacarolinabmvPosted over 1 year ago@UrbanskiDev
Thank you so much for your feedback. I have just started learning responsive designs and I must admit I am struggling quite a lot, by far the hardest concept for me to grasp and improve. I will take on your advice and try to develop mobile first and resubmit my solution. Have a lovely week and happy coding :)
0
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