Design comparison
Solution retrospective
Hello Everyone
Please check my solution for the newsletter challenge it would be a great help if you check my code and give feedback
Thanks
Community feedback
- @MelvinAguilarPosted 10 months ago
Hello there π. Good job on completing the challenge !
I have other suggestions about your code that might interest you.
- Directly manipulating styles in JavaScript can lead to code that is hard to maintain. Create a CSS class with the desired styles and use JavaScript to add or remove that class.
- Swapping the image can be done in CSS; using JavaScript is overly complicated. Simply use a media query to change the image content.
I hope you find it useful! π
Happy coding!
2@lakshyachitranshsPosted 10 months agoThank you so much foryour feedback i will implement you suggestions @MelvinAguilar But how can we change img src from media query ?
0 - @BlackpachamamePosted 10 months ago
Hey, you've done a great job! I loved the animations π
I can only tell you the following:
- You must add the
name
attribute to yourinput
so that thelabel
is correctly related to it. In this case it would bename="email"
- Have you forgotten a
console.log
that says hello π - Styles need to be adjusted in the Dismiss message button
- Is it possible that you haven't imported the
font-family
of the original design? π€
1@lakshyachitranshsPosted 10 months agoHey @Blackpachamame Yes i forgot the font family thanks man for noticing i will do the change I will add the name attribute And regarding console.log i was testing something i will remove that Thank you so much for your feedback
1 - You must add the
- @MohamedkazafyPosted 10 months ago
good job bro
1
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