JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div id="wrapper">
  <section>left</section>
  <section>center</section>
  <section>right</section>
</div>

CSS

* {
  margin:0;
  padding:0;
}
html,body {
  height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

div#wrapper {
  position: relative;
  margin: 0 auto;
  min-height: 100%; /* Mindesthöhe in modernen Browsern */
  /*height: auto !important;*/ /* !important-Regel für moderne Browser */
  /*height: 100%;*/ /* Mindesthöhe in IE (<7) */
  background:url(http://www.templatewire.com/preview/touche/img/intro-bg.jpg) no-repeat;
  background-size:100% 100%;
  background-color:rgba(0,0,0,.75); /* Fallback-Background für möglichen zukünftigen 404-Error @ templatewire.com */
  color:#fff;
  display:flex;
  align-items:stretch;
}
div#wrapper section {
  background-color:rgba(0,0,0,.75);
  flex:1;
  margin-left:.75rem;
}
div#wrapper section:last-child {
  margin-right:.75rem;
}