Ga naar hoofdinhoud

Max width layout

Deze gecentreerde layout container heeft een maximale breedte van {maxWidth}.
Voorbeeld HTML
<div class="rvo-max-width-layout rvo-max-width-layout--md rvo-min-width-layout--md rvo-max-width-layout-inline-padding--none">
  <div>
    Deze gecentreerde layout container heeft een maximale breedte van {maxWidth}
    .
  </div>
</div>
Open in nieuwe tab

De max width layout component kadert een vlak af wanneer een bepaalde breedte bereikt wordt.

Wanneer gebruik je max width layout​

Wanneer je content hebt die niet over de gehele breedte van het scherm getoond mag worden.

Anatomie van het component​

Het component bestaat uit:

  • Container

Richtlijnen​

  • Content moet leesbaar blijven en een regel tekst moet daarom tussen de 75 en 100 tekens bevatten. Een max width container kan helpen om de content af te kaderen.

Rijkshuisstijl​

Er zijn geen richtlijnen vanuit de Rijkshuisstijl betreffende de maximale breedte van content.

Bronnen​