Scroll indicator (Embed)

<main class="demo">
  <section class="testimonials">
      <div class="scroller">
        <article>
            <p>
              “Container queries fik pludselig komponenter til at give mening.”
            </p>
            <footer>Alma · frontendstuderende</footer>
        </article>
        ...
      </div>
      <div class="scroll-progress" aria-hidden="true"><span></span></div>
  </section>
</main>

Preview

“Container queries fik pludselig komponenter til at give mening.”

“Jeg troede, at responsive layouts altid krævede media queries.”

“Den samme komponent virker nu i både sidebar og hovedindhold.”

“Det bedste var at kunne se scroll-positionen uden JavaScript.”

Prøv bagefter at fjerne timeline-scope i DevTools.