///
Analise o código abaixo:
HTML:
<div class="container">
<header class="item">Topo</header>
<main class="item">Conteúdo Principal</main>
<aside class="item">Lateral</aside>
</div>
CSS:
.container {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
align-items: center;
height: 100vh;
}
.item {
width: 100px;
}
.container > .item:nth-child(2) {
background-color: red;
order: -1;
}Com base na especificação do W3C para o módulo Flexbox, qual será a disposição visual dos elementos, da esquerda para a direita, na tela do navegador?