

<a href="" class="w-full flex justify-between items-center rounded-lg group">
    <div class="grid grid-cols-[160px_auto] gap-4 items-center">
        
        <div class="relative">
            <img class="bg-slate-100 flex-shrink-0 w-40 h-32 rounded-lg object-cover object-center group-hover:opacity-90" src=""
            alt="" />

                    </div>



                <div class="flex flex-col">
            

<div class="text-xs flex mt-1 text-slate-500">

    

    <span 
        id="card_pubdate_" 
        class="text-slate-500" 
        x-data="timeAgoComponent(null)" 
        x-init="updateTime()" 
        x-text="time">
    </span>
    
</div>            <div class="line-clamp-3 text-xl leading-6 font-semibold ">
                
            </div>
        </div>
    </div>
</a>