Grid

Zing comes with a flexbox grid. If you need support for older browsers, you can easily swap to a float-based grid system.

 

1/2
1/2
1/3
1/3
1/3
1/4
1/4
1/4
1/4

Buttons

This is a Button Secondary Button

Code

There is some basic styling for code blocks, but it can be enhanced by including highlight.js, as shown below.


Basic Block

<ul>
  <li>Harper</li>
  <li>Jordan</li>
  <li>Pippen</li>
  <li>Rodman</li>
  <li>Longley</li>
</ul>

Jekyll Highlighting
1
2
3
4
5
6
7
<ul class="list">
  <li>Harper</li>
  <li>Jordan</li>
  <li>Pippen</li>
  <li>Rodman</li>
  <li>Longley</li>
</ul>
With Hightlight

  • Harper
  • Jordan
  • Pippen
  • Rodman
  • Longley