<ul class="mt-4 grid gap-4 grid-cols-2">

      <li>
        <a class="flex justify-start items-center flex-col sm:flex-row bg-frost-0 text-frost-1000 border-frost-300 border px-6 py-6 sm:py-4 gap-2 hover:bg-frost-50" href="#" class="#">
          <span class="w-4 h-4 inline-flex justify-center items-center"><?php echo wp_documentation_svg('rocket'); ?></span>
          <span class="font-semibold text-sm"><?php esc_html_e('Getting Started', 'wp-documentation'); ?></span>
          <span class="w-4 h-4 sm:inline-flex justify-center items-center hidden"><?php echo wp_documentation_svg('chevron-right'); ?></span>
        </a>
      </li>

      <li>
        <a class="flex justify-start items-center flex-col sm:flex-row bg-frost-0 text-frost-1000 border-frost-300 border px-6 py-6 sm:py-4 gap-2 hover:bg-frost-50" href="#" class="#">
          <span class="w-4 h-4 inline-flex justify-center items-center"><?php echo wp_documentation_svg('settings'); ?></span>
          <span class="font-semibold text-sm"><?php esc_html_e('Installation', 'wp-documentation'); ?></span>
          <span class="w-4 h-4 sm:inline-flex justify-center items-center hidden"><?php echo wp_documentation_svg('chevron-right'); ?></span>
        </a>
      </li>

      <li>
        <a class="flex justify-start items-center flex-col sm:flex-row bg-frost-0 text-frost-1000 border-frost-300 border px-6 py-6 sm:py-4 gap-2 hover:bg-frost-50" href="#" class="#">
          <span class="w-4 h-4 inline-flex justify-center items-center"><?php echo wp_documentation_svg('code'); ?></span>
          <span class="font-semibold text-sm"><?php esc_html_e('API Reference', 'wp-documentation'); ?></span>
          <span class="w-4 h-4 sm:inline-flex justify-center items-center hidden"><?php echo wp_documentation_svg('chevron-right'); ?></span>
        </a>
      </li>

      <li>
        <a class="flex justify-start items-center flex-col sm:flex-row bg-frost-0 text-frost-1000 border-frost-300 border px-6 py-6 sm:py-4 gap-2 hover:bg-frost-50" href="#" class="#">
          <span class="w-4 h-4 inline-flex justify-center items-center"><?php echo wp_documentation_svg('help-circle'); ?></span>
          <span class="font-semibold text-sm"><?php esc_html_e('Help', 'wp-documentation'); ?></span>
          <span class="w-4 h-4 sm:inline-flex justify-center items-center hidden"><?php echo wp_documentation_svg('chevron-right'); ?></span>
        </a>
      </li>

      
    </ul>