Design comparison
Solution retrospective
Hello everyone i have built this as a full stack. i have used react query for api integration. i found it difficult to style icons hover style. Please let me know where i can improve this one
Community feedback
- @ShevchukAPosted over 1 year ago
Awsome work! I have complited the same challenge on this week and now I see how far is my variant from your solution :) Trending line scrolling with mouse drag is cool, also I really like dummy imagies while loading process is going. If you don't mind I would like to share my suggestions for improvements:
- a little bit strange behaviour with bookmark button - I think it's better to UX to swich state immidiatelly and send request in a "background".
- check the behaviour of trending line when resizing... there are some twitch.
- improve responsive behaviour with grid smooth resizing.
Good luck! Great job!
Marked as helpful0@mdashfaque-mamdu-au17Posted over 1 year ago@ShevchukA Thanks for the feedback it means a lot to me. I will work on the things you mentioned.
0@ShevchukAPosted over 1 year ago@mdashfaque-mamdu-au17 you are welcome) For the hover state styling you can use importing svg as a react component. It allows you to get access to 'fill' attribute:
import { ReactComponent as IconHome } from "../../assets/icon-nav-home.svg";
svg:hover path { fill: red; }
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