posicionar menú navegación

Buenas estimados,
hace poco empiezo con HTML5 y CSS3, y tengo una duda que tal vez me puedan aclarar.
La idea seria armar un menú navegación de esta manera:

https://imgur.com/a/bzWYJDz

osea un menú de navegación a la izquierda.

Lo pude implementar pero no sé si lo estoy haciendo de la manera más optima, convendria hacerlo utilizando solo cajas flexibles o en este caso solo se puede utilizar la propiedad float?

Saludos

Código

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Car Market</title>
        <link href = "./css/estilos.css" rel = "stylesheet"/>
    </head>
 
    <body>
        <header>
            <h1>Cabecera</h1>
        </header>
 
        <nav>
            <h2>menu</h2>
        </nav>
 
        <section>
            <p>sección</p>
        </section>
 
        <footer>
            Pagina hecha por SFK&copy
        </footer>
 
    </body>
</html>

Código

body
{
    height: 100%;
    max-width: 100%;
    background-color: #e5dada;
    color: #02040f;
    margin: 0%;
}
 
header
{
    margin: 0% 0% 1% 0% ;
    display: flex;
    border: 1px solid black;
}
 
nav
{
    float: left;
    margin: 1% 1%;
    display: flex;
    flex-direction: column;
    border: 1px solid black;
}
 
section
{
    flex-direction: column;
    margin: 1% 1%;
    display: flex;
    border: 1px solid black;
}
 
footer
{
    clear: both;
    border: 1px solid black;
}