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

Todo List Tailwind CSS

Aecio Neto 340

@aecio-neto

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


How can I update the solution on this site? Because it's showing errors that I already fixed.

Community feedback

Youssif 280

@Youssif94

Posted

regarding your question, I did it by having 2 icons

1- a circle icon

2- a check mark icon

when the circle icon is clicked, it gets removed and the check mark icon gets placed instead of it

0

Aecio Neto 340

@aecio-neto

Posted

@Youssif94 Can you explain it a little bit further? Does your solution have the background gradient and the check mark?

0
Tryt4n 940

@Tryt4n

Posted

You could try add pseudo class ::before / ::after and then change content = "your_content"

0

Aecio Neto 340

@aecio-neto

Posted

@Tryt4n I tried that. But could not make it work.

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