Skip to content
OverviewSolutions
5
Comments
2

Andrés Forero

@AndresFelipeForeroColombia150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Andrés Forero•150
    @AndresFelipeForero

    Hi steve, how are you?

    In this project you can try whith around 800px as media-queryx. In this way the page breaks a little less.

    Good luck 👍

  • Andrés Forero•150
    @AndresFelipeForero

    Hi,

    about your question, you can use a dataAttribute, then you can use foreach and finally add the class you need.

    example:

    HTML

      <body   data-dark ></body>
  <main   data-dark ></main>

    Javscript

      $darkElements = document.querySelectorAll([data-dark])
  $darkElements.forEach(el => el.classList.toggle("night"))

    CSS

      .night {
      styles
  }

    that would be the summary, remember you have to use an event.

    Marked as helpful