Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Todo app

@AliveOrdinary

Desktop design screenshot for the Todo app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Feedback is appreciated; I haven't added hover states, and I am confused about how to make the delete button appear when I hover around the div.

Community feedback

Dipu 430

@immdipu

Posted

There is a small bug. In completed tab when clicking clear completed the completed todos are deleted but then uncompleted todos shows up there. And about making deleted button appear on hover its pretty easy with tailwind. just add a group class to the parent element and use group-hover: property to show when hovered. group is a built in class of tailwind. read the documentation you will understand.

0

@AliveOrdinary

Posted

@immdipu Thank you for pointing out that bug. Much appreciated. I will check out the documentation and make the necessary changes.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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