Skip to content
Submitted over 1 year ago

Todo Web app with localStorage šŸ“āœ”

Adrian Aninā€¢160
@adriananin
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

I wasn't able to implement the linear gradient border color for the checkbox, does anyone know how to do that ?

I tried but I kept a square instead of a circle

Community feedback

  • Olaseniā€¢140
    @unkuseniPosted over 1 year ago

    You should use conditional rendering to decide where the filters would be based on screen width

    0
  • Olaseniā€¢140
    @unkuseniPosted over 1 year ago

    Make the display on the list items flex. For the checkbox, set appearance: none then give it width: 40px; height: 40px set border radius to 50% and use the :checked { background-image: checkmark; background-color: add your gradient and what angle you like;}

    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