Skip to content
Submitted about 2 years ago

Todo-app

Mahdi Rezaei•500
@MahdiSohaily
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

Community feedback

  • Ajayi Michael•400
    @Michaelajayi150Posted about 2 years ago

    Nice app... Love the work done here You could possibly fix your HTML issues though...

    • Try use data attributes for your color-scheme Instead of
    <html color-scheme="light" lang="en">

    Do this

    <html data-color-scheme="light" lang="en">

    then change the CSS to:

    [data-color-scheme="light"] {
    /* whatever light mode does */
}

[data-color-scheme="dark"] {
    /* whatever dark mode does */
}
    • The properties that you are using such as inset are not valid CSS properties... Check out Tutorial Republic to get the particular property you are looking for

    Hope this helped... If it did, kindly mark as useful 🙃

    Marked as helpful
    0
    Mahdi Rezaei•500
    @MahdiSohailyPosted about 2 years ago

    @Michaelajayi150 Thank you, buddy, I will consider that.

    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