.codecontainer {
	display: grid;
	grid-template-columns: 900px 1fr;
	grid-template-rows: 1fr 1fr 1fr;
	gap: 10px 10px;
	grid-auto-flow: row;
	grid-template-areas:
		"iframe html"
		"iframe css"
		"iframe js";
	height: 90vh;
	/*width: 1000px;
	position: relative;
	margin: auto;*/
}

.code {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		/*position: relative;*/
}

.html {
		grid-area: html;
}

.css {
		grid-area: css;
}

.js {
		grid-area: js;
}

#iframe {
		grid-area: iframe;
		width: 100%;
		height: 100%;
		position: relative;
}

.code textarea {
		flex-grow: 1;
		height: 100%;
		resize: none;
}