<!-- recommended_articles.html -->
<div class="space-y-6">
    {% if articles %}
        <h2 class="text-2xl font-bold text-gray-100">Recommended Articles</h2>
        <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
            {% for item in articles %}
                <div class="bg-gray-800 rounded-lg shadow-md overflow-hidden transition-transform hover:scale-105">
                    <div class="p-6 space-y-4">
                        <!-- Article Title -->
                        <h3