navnavbarlink-grouptailwindresponsiveheaderflexhover

Responsive Tailwind Navigation Link Group

Группа из 4 адаптивных ссылок навигации Tailwind. Отображается на больших экранах, скрыта на мобильных. Идеально для шапки сайта.

Live Preview

Prompt

<div class="hidden md:flex gap-1 border-white/10 border rounded-full px-2 items-center">
                    <a data-nav-link="" href="#features" class="px-3 py-2 text-sm text-gray-300 hover:text-white transition">Features</a>
                    <a data-nav-link="" href="#product" class="px-3 py-2 text-sm text-gray-300 hover:text-white transition">Product</a>
                    <a data-nav-link="" href="#analytics" class="px-3 py-2 text-sm text-gray-300 hover:text-white transition">Analytics</a>
                    <a data-nav-link="" href="#pricing" class="hover:text-white transition text-sm text-gray-300 pt-2 pr-3 pb-2 pl-3">Pricing</a>
                </div>

All Prompts