Conforme a semântica da tag HTML5, criei uma página da web. Uma estrutura básica do corpo HTML é a seguinte

<nav class="nav-primary">
 <div class="heading-primary">
   <!-- Logo & links of webpage -->
 </div>
 <div class="nav-side">
   <!-- Left side navigation of the page -->
 </div>
</nav>
<section class="section-content">
  <!-- Contents of the web page -->
</section>

O site final deve ter uma aparência padrão da seguinte forma

ensei em semântica e escrevi o painel de navegação esquerdo (.nav-primary> .nav-side) dentro do elemento 'nav'

Existe algum método pelo qual eu possa estruturar o painel de navegação esquerdo para ocupar uma certa porcentagem da largura do conteúdo da seção (.section-content

Como, não quero que o painel de navegação esquerdo seja colocado acima do conteúdo da seção sando posição fixa ou algo ass). Ele deve ser colocado à esquerda do conteúdo da seção, compartilhando a largura total usando a mesma estrutura HTM

Desde já, obrigad