Interaktive CSS-øvelser

<main>
  <section>
    <article>
      <h2>Heading</h2>
      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus provident beatae nam.</p>
    </article>
  </section>
  <section>
    <article>
      ...
    </article>
  </section>
  <section>
    <article>
      ...
    </article>
  </section>
  <section>
    <article>
      ...
    </article>
  </section>
</main>

Preview

Komponent med nesting.

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus provident beatae nam.

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus provident beatae nam.

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus provident beatae nam.

Heading

Lorem ipsum dolor sit amet consectetur adipisicing elit. Ducimus provident beatae nam.