Responsive Landing page with HTML, CSS, Javascript
Design comparison
Solution retrospective
Responsive Landing page with HTML, CSS, Javascript.
Any tip on how to change the color from the SVG img on hover?
What I learned:
- CSS background Size control;
- CSS grids control;
- Javascript Toggle;
- CSS Filters;
Tips and feedback to my code are very appreciated.
Preview: https://front-end-mentor-sunnyside-agency-git-master-migsilva89.vercel.app/
Thank you all.
Miguel Silva
Community feedback
- @Ramz001Posted over 2 years ago
Hello Miguel Silva! Well good job completing this challenge. Your solution has some problems . First of all, it does not cover the web page fully and it lacks some hover effects in the footer section and also hover effects in the navbar section is either incorrect or absent. On top of this there are some problems with HTML . Hope it the feedback will help you !
Marked as helpful1@migsilva89Posted over 2 years ago@Ramz001 thank you for your comment, yes I have already a to do list:
- Fix full width;
- Fix hover on footer social links;
- Fix HTML + ACCESSIBILITY issues;
whats the problem with the navbar?
regards Miguel Silva
0@migsilva89Posted over 2 years ago@Ramz001 All fixed! Thanks for the help.
Regards, Miguel Silva
0 - @Kl3vaPosted over 2 years ago
I think you can achieve that if you specified the svg in-line other than linking it within the img tag. So, you will be able to target the svg directly in your css. Else, you might want to use css filters for that
Marked as helpful1@migsilva89Posted over 2 years ago@Kl3va Thank you for your comment.
I have tried that already but it did not work. I will look for the filters option.
Regards m8
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