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

Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge. Glimpse streamlines Laravel development by seamlessly deploying GitHub pull requests to preview environments with the help of Laravel Forge.
Fathom Analytics | Fast, simple and privacy-focused website analytics. Fathom Analytics | Fast, simple and privacy-focused website analytics.
Shirts painstakingly handcrafted by under-caffeinated developers. Shirts painstakingly handcrafted by under-caffeinated developers.
Community Partners