@push('style_css')
<style>
    .max-w-5xl {
        max-width: 1600px !important;
    }

    .max-w-4xl {
        max-width: 1400px !important;
    }
</style>
@endpush

<div>
    <div class="visible relative z-10 mx-auto flex max-w-5xl flex-col px-4 py-20 lg:flex-col">
        <h2 class="pb-4 border-b mb-4 text-[22px] lg:text-[26px]">
            فرهنگ لغت
        </h2>
        <div class="flex flex-nowrap items-center gap-3">
            @foreach ($dictionareis as $item)
            <a class="p-4 border rounded-xl shadow" href="{{ url('/dictionary/show/' . $item->id) }}"
                wire:navigate>{{ $item->title }}</a>
            @endforeach
        </div>
    </div>
</div>