---
layout: main
permalink: /guides/index.html
---

<div class="container">
    <div class="row row-cols-1 row-cols-md-2 g-4">
        {%- for guide in site.guides -%}
        <div class="col p-2">
            <a class="card" href="{{ guide.url }}" style="text-decoration: none;">
                {%- if guide.thumbnail_url -%}
                <img src="{{ guide.thumbnail_url }}" class="card-img-top" alt="{{ guide.title }} thumbnail">
                {%- endif -%}
                <div class="card-body">
                    <h3 class="card-title text-body-emphasis">{{ guide.title }}</h3>
                    <p class="card-text">{{ guide.description }}</p>
                </div>
            </a>
        </div>
        {%- endfor -%}
    </div>
</div>