JSFiddle - React, Tailwind, and code Playground

HTML

<div class="logo"></div>
<div class="menu"></div> <!-- moze lepiej uzyc elementu <nav>? -->

<div class="div1"> <!-- plz, zmien nazwy tych klas -->
    1
    <div class="div2"> 2 </div>
    <div class="div4"> 4 </div><div class="div5"> 5 </div>    
</div>

CSS

body {
    margin: 0;
    /* background: url('http://www.gry-online.pl/galeria/forum/10/466703990_83.jpg') 0 0 no-repeat; */
}

div {
    border: solid 1px #000;
    box-sizing: border-box; /* taki bajer, nie dolicza borderow, paddingow itd. to szerokosci wysokosci, bez tego div 40% + div 60% sie nie zmieszcza obok sobie jak maja border, bo 60% + 40% + bordery = over 9000, I mean 100% */
}

.logo {
    border: solid 5px blue;
    height: 90px;
    width: 365px;
}

.div3 {
    background: #fed900; /* zloty, kiedys wszystkie przyciski na GOL-u mialy hover w tym kolorze!1oneeleven */
}

.div4 {
    display: inline-block;
    background: #aaa;
    width: 40%;
}

.div5 {
    display: inline-block;
    background: #eee;
    width: 60%;
}