div2

by oraclepadawan

HTML

<html>
  <body>
   <style>
        * {
            margin: 0;
            padding: 0;
        }
 
        body{
            width: 100%;
            background-color: lightgrey;
            min-height: 100vh;
        }
 
        .nav, .footer {
            height: 10vh;
            background-color: lightsalmon;
        }
 
        .contenedor-grande{
            display: flex;
        }
 
        .izquierdo{
            width: 30%;
            background-color: lightseagreen;
        }
 
        .derecho{
            width: 70%;
            background-color:lightyellow;
            min-height: 80vh;
        }
</style>
 
<div class="nav">encabezado</div>
<div class="contenedor-grande">
     <div class="izquierdo">izquierdo</div>
     <div class="derecho">derecho</div>
</div>
<div class="footer">footer</div>
  </body>
</html>