É um pouco simplificado, mas o HTML se parece com isto:
.navigationContainer {
display: flex;
flex-direction: column;
width: 243px;
min-width: 0;
max-width: 242.91015625px;
height: 1117px;
background-color: #374151;
}
.mainContent {
padding-left: 20%;
display: flex;
flex-direction: column;
row-gap: 40px;
margin: 16px 50px 50px 0;
min-width: 0;
max-width: 1380.60546875px;
}
<nav class="navigationContainer">
... navigation
</nav>
<main class="mainContent">
... some content
</main>
Por algum motivo, o conteúdo principal aparece abaixo do conteúdo Nav em vez de à direita dele. Sei que é um problema com o CSS, mas não consigo descobrir o que precisa mudar para que ele apareça do jeito que pretendo. Qualquer ajuda é muito apreciada.