JSFiddle - React, Tailwind, and code Playground

HTML

<footer>
  <div class="footer_join">
  </div>
  <div class="footer_facebook">
  </div>
  <div class="footer_vk">
  </div>
  <div class="footer_yt">
  </div>
</footer>

CSS

footer {
  width: 100%;
  height: 70px;
}

footer div {
  height: 100%;
  float: left;
}

.footer_join {
  width: 30%;
  background: black;
}

.footer_facebook {
  width: 20%;
  background: #1893FF;
}

.footer_vk {
  width: 20%;
  background: blue;
}

.footer_yt {
  width: 30%;
  background: red;
}