React + Styled-Components + Typescript + React DnD Todo App Solution

Please log in to post a comment
Log in with GitHubCommunity feedback
- @PeshwariNaan
Hello Tarik - Great job on the challenge, this looks great. The code is really clean and I like how you set the style for when you drag an item. I hadn't done that on mine and will probably change it now. The only thing I noticed was the 'X' icon on the list items is always visible instead of being visible on hover. The cool thing is you are using styled-components and it's really easy to hover over an element and trigger a different element to change. if you set the icon to display: none and add: ${TaskCardStyle}:hover & { display: block;
} Now the 'X' will appear when you hover over the item. You can trigger animations on other elements with this too. I just learned this and thought it was cool and so easy as opposed to doing some mouse-over function. So if you didn't already know maybe this will help. CheersMarked as helpful
Join 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