Pessoal alguém poderia me ajudar por gentileza. Preciso fazer uma pagina que a tag ASIDE fique do lado esquerdo da tela e a MAIN do lado direito. Resolvi isso usando as configurações de Grid abaixo. Essa configuração funciona perfeitamente no Mozila e no Chrome porém no IE-11 não funciona. Alguém poderia me ajudar. Gostaria mto se puderem olhar o meu código abaixo é bem simples. Já procurei resposta na internet e confesso que não entendi nada que explicam naqueles siteS tipo stackoverflow.
Agradeço mto a sua ajuda.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section class="grid">
<aside></aside>
<main></main>
</section>
<style>
.grid{
display: grid;
grid-template-columns: 20% 80%;
}
aside{
left:0;
top:0;
background-color:grey;
height: 100vh;
width:100%;
}
main{
height: 100vh;
background-color:rgb(73, 29, 29);
width:100%;
}
</style>
</body>
</html>
