Build a To-Do List with ONLY HTML & CSS (No JavaScript Needed!)

preview_player
Показать описание
View the SOURCE CODE:

You might be asking - how is it possible to build a to-do list using only HTML and CSS? Well, CSS has come a long way 🙂

For more info, check out:

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #html #css
Рекомендации по теме
Комментарии
Автор

the idea that using flex's order property with has() pseudo-class for sorting list is so cool. I've improved more today~😊😊 thank you so much~!!!!🙇‍♀🙇‍♀✨

s유아마에브리띵
Автор

Nice. LMK when you torture :past, :current, and :future into a "state" system we can use. 😎

badcatdesign
Автор

Hello, just wondering if you have a really long task, how would you get the text to wrap instead of being blocked by the check box, or you know for clarity on a mobile version of the site? Thanks

JanZmarzly
Автор

You have helped me so much, thanks bro!

krikusin
Автор

Can you help me how to edit very similar Todo list?...

Misica
Автор

Is it possible to save the checked todo item's new position? Maybe with localStorage?

teatimetales_ww
Автор

I would like to ask on how can i add a time frame in which i added a task.

for example when i added a task at 9:30pm I want to be able to see beside the task that i added the time frame of 9:30pm. Thankyou in advance for any response that I may encounter

ShawnMikelHobayan
Автор

wow this really helped me to work on a to do list so that I know my days activities thank you and may God bless you and I have not forgotten to like subscribe and comment I really liked this video and it really helped me 😀😃😄😁😆😅🤣😂🙂😊🥰🤩☺😛

victorbaraka
Автор

It doesn't work for me, and I don't know why?

weeb_girl_in_the_area
Автор

Edit task functionality is not possible with only html+css. JS required

Uncaught_in_promise