header.blade.php

<div class="flex items-center justify-center px-2 h-14 bg-dark-300">
    <a class="mr-4 lg:ml-2" href="index.html">
        <img src="favicon/android-chrome-96x96.png" alt="Antoine Benevaut" width="48">
    </a>

    <div class="flex items-center h-full mr-auto">
        <a class="hidden lg:inline-flex items-center h-full mx-2 text-sm font-bold uppercase text-white hover:text-primary hover:shadow-inner" href="index.html">Portfolio</a>
        <a class="hidden lg:inline-flex items-center h-full mx-2 text-sm font-bold uppercase text-white hover:text-primary hover:shadow-inner" href="profile.html">About me</a>
    </div>

{{--    <a class="hidden px-3 py-2 text-sm font-bold text-white uppercase lg:inline-block bg-primary hover:bg-primary-100" href="login.html" role="button">Login</a>--}}

    @include('partials.mobile-navigation')
</div>