No notes defined.

<p>
    Single responsibility helper classes.
</p>

<a class="u-skip-link" href="#content">Skip to content</a>
<!-- Then, just before or on main content: -->
<a name="content" tabindex="-1"></a>

<span class="u-visually-hidden">This text is only shown to screen readers</span>

<div class="u-show-for-small-only">
    This text is only shown for screens beneath the 'small' breakpoint.
</div>
<div class="u-hide-for-small-only">
    This text is <i>hidden</i> for screens beneath the 'small' breakpoint.
</div>

<h4>Aspect ratio embed: (16 x 9 default)</h4>
<div class="u-responsive-embed">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/9HvG6ZlpLrI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

<h4>Aspect ratio embed: (overridden inline)</h4>
<div class="u-responsive-embed" style="padding-bottom:25%">
    <iframe width="560" height="315" src="https://www.youtube.com/embed/9HvG6ZlpLrI" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<p>
  Single responsibility helper classes.
</p>

<a class="u-skip-link" href="#content">Skip to content</a>
<!-- Then, just before or on main content: -->
<a name="content" tabindex="-1"></a>

<span class="u-visually-hidden">This text is only shown to screen readers</span>

<div class="u-show-for-small-only">
  This text is only shown for screens beneath the 'small' breakpoint.
</div>
<div class="u-hide-for-small-only">
  This text is <i>hidden</i> for screens beneath the 'small' breakpoint.
</div>

<h4>Aspect ratio embed: (16 x 9 default)</h4>
<div class="u-responsive-embed">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/9HvG6ZlpLrI" frameborder="0"
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>

<h4>Aspect ratio embed: (overridden inline)</h4>
<div class="u-responsive-embed" style="padding-bottom:25%">
  <iframe width="560" height="315" src="https://www.youtube.com/embed/9HvG6ZlpLrI" frameborder="0"
    allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>