JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="first">div1 - фиксированный в px, в нем логотип</div>
<div class='wrap'>
    <div class="second">div2 - не фиксированный, в нем слоган</div>
    <div class="third">div3 - не фиксированный, в нем курс валют</div>
    <div class="fourth">div4 - не фиксированный, в нем время работы</div>
    <div class="fifth">div4 - не фиксированный, в нем контакты</div>
</div>

CSS

html, body{
    width:100%;
    margin:0;
}
.first{
    width:140px;
    float:left;
}
.wrap{
    width:calc(100% - 140px);
    float:left;
}
.second, .third, .fourth, .fifth{
    float:left;
    width:25%;
    border:1px solid #333;
    box-sizing:border-box;
    padding:5px;
    word-wrap:break-word;
}