@foreach ($articles as $article)
    <div class="w-full p-2">
        <a href="{route('article.show', $article['slug'])}}" class="block">
            <div class="bg-white shadow-lg rounded-lg overflow-hidden hover:shadow-xl transition-shadow duration-300">
                <img src="{{$article['image']}}" class="w-full p-2 h-15 object-contain " alt="{{$article['title']}}">
                <div class="p-4">
                    <hr class="my-2 border-gray-300">
                    <h3>{{ $article['title'] }}</h3>
                    <p class="text-gray-700 text-sm line-clamp-2">{{$article['excerpt']}}</p>
                </div>
            </div>
        </a>
    </div>
@endforeach