JSFiddle - React, Tailwind, and code Playground

by iamthestig

HTML

<nav>
              <ul class="nav">
                   <li><a href="#"></a></li>
                   <li class="menu"><a href="">About Us</a>
                        <div class="profile">
                                <img src="img/zo_profile.jpg" alt="Dr. Zein Obagi">
                              <div class="about">
                              "ZO<sup>&reg;</sup> Sking Health is committed to making health skin possible for everyone."
                              <br><br>
                              Dr. Zein Obagi, Medical Director
                              </div>
                         </div>
                        <ul class="subnav">
                             <li><a href="#">About ZO</a></li>
                             <li><a href="#">News & Press Release</a></li>
                             <li><a href="#">Dr. Zein Obagi</a></li>
                             <li><a href="#">The ZO Skin Health, Inc.</a></li>
                             <li><a href="#">The Mangement Team</a></li>
                         </ul>
                    </li>
                   <li class="menu"><a href="">Products</a>
                        <h5>Products</h5>
                         <input class="menu-search" type="search" placeholder="Search">
                        <ul class="subnav">
                             <li class="zomed">
                                  <h5>ZO Med</h5>
                                   <ul>
                                       <li>
                                            <h6>Function</h6>
                                             <ul> 
                                                 <li><a href="#">Cleanse</a></li>
                                                 <li><a href="#">Stimulate</a></li>
                                                 <li><a href="#">Correct</a></li>
                                                 <li><a href="#">Pigment Control</a></li>
                                                 <li><a...