JSFiddle - React, Tailwind, and code Playground

HTML

<div id="content">
    <div class="header_layout">
        <div class="first_column">
            <div id="logo">
                <span>dam graphicks</span>
            </div>
            
            <div id="description">
                some text
            </div>
        </div>
        
        <div class="second_column">
            <div class="menu">
                <div id="first_line">
                    <span>О нас - Примеры работы</span>
                </div>
                
                <div id="second_line">
                    <span>Наши услуги - Связаться с нами</span>
                </div>
            </div>
        </div>
    </div>
</div>

CSS

body {
  font-family: 'Open Sans','Didact Gothic',Arial,sans-serif;
  min-width: 960px;
}

.header_layout {
	height: 140px;
	padding-top: 20px;
}

.header_layout .first_column {
	display: inline-block;
	width: 210px;
	height: 100%;
	border: 1px solid #cccccc;
}

.header_layout .second_column {
	display: inline-block;
	width: 350px;
	height: 100%;
	border: 1px solid #cccccc;
}

.menu {
	height: 77px;
	margin-top: 15px;
	background: yellow;
}