Prelude-menu-responsive

<pfe-navigation>
        <pfe-navigation-item>
            <img src="http://placehold.it/118x50" alt="Logo Prelude">
        </pfe-navigation-item>
        <pfe-navigation-main id="js-deploy-mobile">
            <ul>
                <li class="js-deploy">
                    <a href="#">Solutions</a>
                    <div class="submenu-icon">&#8744;</div>
                    <div class="pfe-navigation-item__container" aria-expanded="false">
                        <div class="pfe-navigation-item-grid" style="--column-count: 5;">
                            <div class="pfe-navigation-grid__column">
                                <div class="pfe-link-list">
                                    <div class="pfe-link-list__header">
                                        <p>E-Commerce</p>
                                    </div>
                                    <ul class="pfe-link-list__group">
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/e-commerce/shopify">Shopify</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/solution/e-commerce/maintenance">Maintenance</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/hebergement">Hébergement</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pfe-navigation-grid__column">
                                <div class="pfe-link-list">
                                    <div class="pfe-link-list__header">Marketing Digital</div>
                                    <ul class="pfe-link-list__group">
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/marketing-digital/seo">SEO</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/marketing-digital/sea">SEA</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/marketing-digital/social-media">Social
                                                Media</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a href="https://preludeconseil.com/marketing-digital/animation-commerciale">Animation
                                                Commerciale</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pfe-navigation-grid__column">
                                <div class="pfe-link-list">
                                    <div class="pfe-link-list__header">Création de sites web</div>
                                    <ul class="pfe-link-list__group">
                                        <li class="pfe-link-list__group-item">
                                            <a>Wordpress</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Hébergement</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pfe-navigation-grid__column">
                                <div class="pfe-link-list">
                                    <div class="pfe-link-list__header">Direction Artistique</div>
                                    <ul class="pfe-link-list__group">
                                        <li class="pfe-link-list__group-item">
                                            <a href="">Design UI/UX</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Motion Design</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Realité Augmentée AR</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Merchandising</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="pfe-navigation-grid__column">
                                <div class="pfe-link-list">
                                    <!-- E-Retail - SSI -> image -->
                                    <div class="pfe-link-list__header">E-Retail - SSI</div>
                                    <ul class="pfe-link-list__group">
                                        <li class="pfe-link-list__group-item">
                                            <a>Point De Vente - POS</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Dévs Spécifiques</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Gestion Entrepôts - WMS</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Gestion Commandse - OMS</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Hardware</a>
                                        </li>
                                        <li class="pfe-link-list__group-item">
                                            <a>Partenaires Techniques</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="pfe-navigation-item__footer" id="estimate">
                            <a href="#">
                                <button id="new-button">Nouveau</button>
                            </a>
                            <p>Estimez vos coûts mensuels avec la solution Shopify, Plus et POS &#8594;</p>
                        </div>
                    </div>
                </li>
                <li><a href="#">A propos de nous</a>
                </li>
                <li><a href="#">Références</a>
                </li>
                <li><a href="#">Blog</a>
                </li>
                <li><a href="#">Nous rejoindre</a>
                </li>
            </ul>
        </pfe-navigation-main>
        <pfe-navigation-item>
            <button id="contact-button">Contact</button>
            <div id="mobile-icon-open" class="mobile-icon">&#9776;</div>
            <div id="mobile-icon-close" class="mobile-icon">&#128473;</div>
        </pfe-navigation-item>
    </pfe-navigation>