In this tutorial we're going to investigate using the new Tailwind CSS library and look into build a navigation bar with tailwinds. https://paulund.co.uk/utility-css-library The idea is that we have all the utility CSS classes we need and we can just add these classes to the HTML.

An area for the H1 header text, main links in the middle of the navigation, then login links on the right of the navigation.

There are 3 sections inside the navigation bar, header text, main links and login links. The header text and login links are going to be given a same amount of space as the main links need the most area.
Newsletter

Get the latest Laravel/PHP jobs, events and curated articles straight to your inbox, once a week

Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future. Achieve superior email deliverability with ToastMail! Our AI-driven tool warms up inboxes, monitors reputation, and ensures emails reach their intended destination. Sign up today for a spam-free future.
Community Partners