title: GitHub Markdown and colors
body: <p>I have a table with the following code. In the Markdown viewer and on GitHub pages, the color is shown correct. But not on GitHub.</p>
  <pre><code>|-   |-  |-   |-   |-   |
  | &lt;span style=&quot;font-family: Source Code Pro; padding: 20px; background-color: #000000; color: #fff;&quot;&gt;#000000&lt;/span&gt; |
  </code></pre>
  <p>The result on GitHub:</p>
  <p><a href="https://i.stack.imgur.com/DrPBw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DrPBw.png" alt="Enter image description here" /></a></p>
  <p>The result on GitHub Pages</p>
  <p><a href="https://i.stack.imgur.com/zGM1a.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zGM1a.png" alt="Enter image description here" /></a></p>
  <p>A table has the disadvantage that it does not move downwards at smaller screen sizes, but only to the right. How can I create a kind of grid layout?</p>