Básicamente quiero llevar el div en el que está "Contact" a la derecha del todo, mientras dejo el otro div (que contiene "About", "products" y "Our team") a la izquierda. Para esto he hecho lo siguiente:
<nav>
<div class="container3">
<p>About</p>
<p>Produts</p>
<p>Our Team</p>
</div>
<div class="container1">
<p>Contact</p>
</div>
</nav>
Y en css:
nav {
display: flex;
}
.container1{
justify-items: flex-end;
}
Pero no hace nada. También he probado con justify-content y tampoco. El caso es que si aplico justify en el nav, si ejecuta bien. Pero el problema es que solo quiero aplicar justify al segundo div. El primero quiero que se quede dónde esté.
flex-direction: row-reverse