Solucionado
buen día.... me encuentro realizando el proyecto del porfolio... estoy copiando el modelo de Figma que nos dieron y veo que en la parte de experiencia estan invertidos los div de los contenedores... se que tengo que isar el nth-chil para poder invertir los números pares, pero no se explayarlo en mi código... sugerencias para que pueda darme cuenta en que parte va?
¡Hola Cinthia!
Para lograr esto, puedes usar el selector nth-child de la siguiente manera:
Supongamos que tienes una estructura de HTML similar a esta:
<div class="experiencia">
<div>Experiencia 1</div>
<div>Experiencia 2</div>
<div>Experiencia 3</div>
<div>Experiencia 4</div>
</div>
Puedes aplicar el estilo CSS para invertir los números pares de la siguiente manera:
.experiencia div:nth-child(even) {
transform: rotate(180deg);
}
En este ejemplo, el selector nth-child(even) seleccionará los elementos pares dentro de la clase .experiencia y aplicará la transformación CSS que desees. Puedes ajustar el selector y la transformación según tus necesidades específicas.
Espero que esta explicación te ayude a aplicar el selector nth-child en tu proyecto. Si necesitas más ayuda, no dudes en preguntar.
¡Saludos!
section.experience{
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
}
.experience .experience__box:nth-child(even){
.experience__img{
order:2
}
}
me salio!!!! me quedo igual al de figma! muchas gracias!!!