JSFiddle - React, Tailwind, and code Playground

HTML

<nav id="nav-horizontal" role="navigation">
	<ul>
        <li><a href="/" class="main-link">Accueil</a></li>
        <li><a href="/boutique/" class="main-link">Produits</a>
            <div class="mega-menu">
	        <div class="mega-menu-container">
		        <h3>Nos produits</h3>
		        <div class="mega-menu-inner">
			        <ul class="clearfix">
				        <li class="mega-menu-col">
                            <ul>
                                <li><a href="#">T-Shirts</a></li>
                                <li><a href="#">Tops</a></li>
                                <li><a href="#">Chemises</a></li>
                                <li><a href="#">Pulls &amp; Cardigans</a></li>
                            </ul>
				        </li>
                        <li class="mega-menu-col">
                            <ul>
                                <li><a href="#">Robes</a></li>
                                <li><a href="#">Pantalons</a></li>
                                <li><a href="#">Tops</a></li>
                                <li><a href="#">Chemises</a></li>
                            </ul>
                        </li>
                        <li class="mega-menu-col">
                            <ul>
                                <li><a href="#">Pulls &amp; Cardigans</a></li>
                                <li><a href="#">Shorts</a></li>
                                <li><a href="#">Blousons</a></li>
                                <li><a href="#">Vestes</a></li>
                            </ul>
                        </li>
                        <li class="mega-menu-col">
                            <ul>
                                <li><a href="#">Manteaux</a></li>
                                <li><a href="#">Accessoires</a></li>
                                <li><a href="#">Chaussures</a></li>
                            </ul>
                        </li>
			        </ul>
                    <div class="mega-menu-all">
...

CSS

#nav-horizontal > ul > li{
    display:inline-block;
    vertical-align:top;
    font: bold .9em/2em "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin:0 .5em;
}