* { margin: 0; padding: 0; } html, body { height: 100%; } button { padding: 1px 6px; } video { background: #222; margin: 0 0 0 0; width: 320px; height: 240px; } .container { display: flex; height: 100%; flex-direction: column; } .top { margin: 0.5em; } .middle { flex: 1; overflow: auto; margin: 0 0.5em; } .log { overflow: scroll; width: 30em; height: 100%; background-color: #eeeeee; float: left; } .preview { width: auto; height: 100%; float: left; } .local { margin: 0.5em 0.5em; float: left; } .remote { margin: 0.5em 0.5em 0.5em 0; float: left; } .sdp { width: 320px; height: 200px; margin: 0; resize: none; } .bottom { margin: 0.5em; }