Gør previewet bredere og smallere
På brede skærme skal alle tre sektioners tekst flugte. På smalle skærme skal de bevare samme kantafstand.
Nulstil øvelsen
<main>
<header class="content">
<h1>Samme indholdskant. Forskellig baggrund.</h1>
...
</header>
<section class="banner">
<h2>Kan du få teksten til at flugte?</h2>
...
</section>
<section class="content">
<h2>Gør previewet bredere og smallere</h2>
...
</section>
</main>
Vis hint
Hint
.banner {
/* ... */
padding-inline:
max(var(--gutter), 50% - var(--content-width) / 2);
}