JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
<div id="col_left">
<div id="menu"><?php wp_nav_menu( array( 'theme_location' => 'header-menu', 'container_class' => 'my_header_menu_class' ) ); ?>
</div>
<a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img class="logo" src="<?php echo get_template_directory_uri(); ?>/images/logoend.png" /></a>
</div>	
<div id="col_center">
<div class="home_search">
<form role="search" method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div>
        <input type="text" value="" name="s" id="s" />
        <input type="submit" id="searchsubmit" value="" />
    </div>
</form>
 </div>
<p>телефон 063 44 88 333</p>
<p>телефон 063 44 88 333</p>
<p>телефон 063 44 88 333</p>
</div>
<div id="col_right">
<div class="home_form">
<img src="http://berezovsky.org.ua/max/wp-content/themes/perepoloh/images/bgforma.png"/>
<?php echo do_shortcode( '[contact-form-7 id="12" title="Форма на главной"]' ); ?>
</div>
</div>
</div>

CSS

#header{
position:relative;
	margin: 0 10%;
        width:80%;
}
#col_left{
display: inline;
float:left;
width:50%;
height:auto;
}
#col_center{
display: inline;
float:left;
width:20%;
height:auto;
}
#col_right{
display: inline;
float:left;
width:30%;
height:auto;
}
.logo{
	width: 80%;
        height:auto;
        margin:0 10%;
        float:left;
        
}
#menu{
width:100%;
float: left;
z-index:999;
padding:10px 0 10px 0;
margin:5px 0 0 0;
}

#menu ul{
position:relative;
margin:0;
list-style:none;
padding:0;
}
#menu ul li{
float:left;
width:33%;
position:relative;
text-align:center!important;
}

#menu ul li a{
position:relative;
color:#000;
margin:5px auto;
padding:5px;
font-size:13px;
font-weight:normal;
text-align:center!important;
text-decoration: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	transition: .4s;
}
.home_search{float:left;margin:10px;z-index:2;clear:both;width:90%;}
.home_form{float:left;margin:0;z-index:2;width:90%;position:relative;}