Todo app with HTML, CSS and React js

Community feedback

• 

  Cyril•125

  @cyrilsourcePosted almost 4 years ago

  Hello Przbadu,

  It was so difficult but I have the solution: I made the challenge You have a circle with the gradient background with no border and :after you have a other circle in position absolute with a background like the main background and with a border gray With :hover you remove the border on circle:after and you see the border gradient

  Maybe is not the best but a solution

  You can have a look on my code here: https://github.com/cyrilsource/Frontend-Mentor-Todo-app and the preview site https://frontend-mentor-todo-app.vercel.app/

  cheers,

  1
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  Hey, przbadu! 👋

  Good work on this challenge (your solution looks good)—I think the next step you could take towards improving your solution would be to add some functionality to the todo list and actually make it a todo list app. 👍

  As for your question about gradient borders, you can make gradient borders using the border-image property, but the border-radius property no longer works when you do that, so you may have to resort to a work-around as you did. 😉

  Keep coding (and happy coding, too)! 😁

  1

  ---

  

  przbadu•40

  @przbaduPosted almost 4 years ago

  Hey, ApplePieGiraffe!

  Thank you.

  That actually is already on my TODO list :D. I will build another app with this template and react and make it fully functional.

  0

  

  przbadu•40

  @przbaduPosted almost 4 years ago

  Added functionality to app

  0

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  @przbadu

  Just checked it out, again, and the functionality works well! 👏 Nice job! 👍

  Only thing I might suggest is that if you're up for it, implementing the drag-and-drop functionality would be a nice touch, which I think you could easily do with a JS library or something. 😉

  0