JSFiddle - React, Tailwind, and code Playground

by mgibsonbr

HTML

<link rel="stylesheet" href="http://www.delclarocirurgiaplastica.com.br/stylesheets/foundation.css">
    <div id="background">
      <img src="images/bg1.jpg">
      <img src="images/bg2.jpg">
    </div>
    <div class="row conteudoPrincipal">
      
      <div class="rs"> <a href="https://www.facebook.com/delclaro"><img src="images/fb.png"></a></div>
      
      <h1 id="logo" class="text-center">
        <a href="index.php"><img src="images/logo.png" alt="Del Claro" title="Del Claro"/></a>
      </h1>
      
      <ul class="nav-bar">
        <li><a href="index.php">Home</a></li>
        <li><a href="clinica.php">Clínica</a></li>
        <li><a href="hospitais.php">Hospitais</a></li>
        <li><a href="equipe.php">Equipe</a></li>
        <li><a href="dicas_links.php"> Links</a></li>
		  <li><a href="localizacao.php">Localização</a></li>
        <li><a href="contato.php">Contato</a></li>
      </ul>
      <ul class="nav-bar pink_menu">
        <li class="has-flyout"><a href="home.php">Cirurgia Plástica</a>
          <ul class="flyout">
            <li><a href="ce_mamas.php">Mamas</a></li>
            <li><a href="ce_ccc.php">Cirurgias do Contorno Corporal</a></li>
            <li><a href="ce_rf.php">Cirurgias do Rejuvenescimento Facial</a></li>
            <li><a href="ce_outras.php">Cirurgia de outras partes da face</a></li>
            <li><a href="ce_lc.php">Cirurgias de Lifting Corporal (Cirurgias plásticas do corpo)</a></li>
            <li><a href="ce_cc.php">Cirurgias do contorno corporal após grandes perdas de peso</a></li>
            <li><a href="ce_homem.php">Cirurgias masculinas</a></li>
            <li><a href="ce_reparadoras.php">Cirurgias Reparadoras</a></li>
			 <li><a href="gestante.php">Gestantes</a></li>
			  <li><a href="hidrolipoaspiracao.php"> Hidrolipoaspiração</a></li>
          </ul>
        </li>
        <li class="has-flyout"><a href="home.php">Medicina estética </a>
          <ul class="flyout">
            <li><a...

CSS

@media only screen and (max-width: 767px) {
    .nav-bar {
        width: 300px;
        margin:0px auto;
    }
}