<script lang="ts">
</script>

<ul>
  <li><a href="/learn/layout/">Layout</a></li>
  <li><a href="/learn/chords/">Chords</a></li>
  <li><a href="/learn/sentence/">Sentences</a></li>
</ul>

<style lang="scss">
  ul {
    margin: 16px;
    display: flex;
    gap: 16px;
    list-style-type: none;
    padding: 0;
  }

  a {
    border: 1px solid var(--md-sys-color-outline);
    width: 128px;
    height: 128px;
  }
</style>
