#content { position: absolute; width: 100%; height: 95vh; top: 55px; } #content div { float: left; } #codeContent { height: 95vh; width: 50%; background-color: #222226; } #codeContent textarea { height: 100%; font-family: 'Open Sans', sans-serif; width: 100%; } #codeContent div { margin-left: 5%; margin-right: 5%; width: 90%; height: 85%; } #codeContent button { background-color: #3b3c45; border: 0; color: white; margin-top: 2rem; float: left; transition: background-color .3s; width: 6rem; height: 3rem; } #codeContent button:hover { background-color: #27282e; } #codeContent button:focus { outline: 0; } .options { float: right!important; } #htmlOutput { background-color: white; height: 100%; width: 50%; } @media screen and (min-width:0px) and (max-width:1079px) { #codeContent { display: block!important; width: 100%; } iframe { width: 100%!important; } }