ToDo List Code Snippet With Emoji

Image: ToDo List Code Snippet With Emoji GIF

Here is a todo list design and code that you can use to set up your own todo list tasks on a webpage. This can work well on a page with a list of instructions for your readers to follow. You can add new items to the list and on marking something as done, you get a different background colour and a strikethrough for that item.

If you are having trouble with the pen, try the archived copy on GitHub

ToDo List Snippet

See the Pen Todost – Todo// forked by lydzb123 (@lydzb123) on CodePen.default

Posted by:Saijo George

Digital Marketer with a strong focus on technical SEO and design. One of the top 100 makers on Producthunt, co-organizer of the SEO Meetup in Melbourne, an instructor at General Assembly. Worked with brands like Envato, AEON. Currently the SEO Strategy Director at Supple.