Skip to content
Submitted over 1 year ago

Responsive Todo app

Navaneeth Krishnan•60
@AliveOrdinary
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Todo app
  • HTML
  • CSS
  • JS
3intermediate

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
    @immdipuPosted over 1 year ago

    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
    Navaneeth Krishnan•60
    @AliveOrdinaryPosted over 1 year ago

    @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

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