.container{position:relative;top:100px;display:flex;justify-content:space-between;padding:25px;height:600px}.left-column,.right-column{background-color:#fff;padding:20px;border:1px solid #ccc;box-shadow:0 0 10px #0000001a;height:600px}.left-column{flex:2.5;margin-right:10px}.right-column{flex:1;margin-left:10px}textarea{width:100%;height:auto;resize:vertical;overflow-x:hidden}pre{background-color:#f8f8f8;padding:10px;border:1px solid #ccc;overflow-x:auto}@media (max-width: 600px){.container{flex-direction:column}.left-column,.right-column{margin:0 0 20px}}