<p dir="auto">On the Dashboard example there is a typo in the dashboard.css under the "Main Content" section.</p>
<div class="highlight highlight-source-css notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="@media (min-width: 768px) {
  .main {
    padding-left: 40px;
    pading-right: 40px; &lt;---- Change to padding-right
  }
}"><pre class="notranslate"><span class="pl-k">@media</span> (<span class="pl-c1">min-width</span><span class="pl-kos">:</span> <span class="pl-c1">768<span class="pl-smi">px</span></span>) {
  .<span class="pl-c1">main</span> {
    <span class="pl-c1">padding-left</span><span class="pl-kos">:</span> <span class="pl-c1">40<span class="pl-smi">px</span></span>;
    <span class="pl-c1">pading-right</span><span class="pl-kos">:</span> <span class="pl-c1">40<span class="pl-smi">px</span></span>; &lt;<span class="pl-c1">-</span><span class="pl-c1">-</span><span class="pl-c1">-</span><span class="pl-c1">-</span> Change <span class="pl-k">to</span> padding<span class="pl-c1">-</span>right
  }
}</pre></div>
<p dir="auto">@@ File: examples/dashboard/dashboard.css<br>
@@ Line: 69 // pading- =&gt; padding-<br>
<a class="user-mention notranslate" data-hovercard-type="organization" data-hovercard-url="/orgs/media/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/media">@media</a> (min-width: 768px) {<br>
.main {<br>
padding-left: 40px;</p>
<ul dir="auto">
<li>pading-right: 40px;</li>
<li>padding-right: 40px;<br>
}<br>
}</li>
</ul>