Como siempre siguiendo las clases paso a paso, no faltan algunos errores de compatibilidad entres las versiones de VScode que usa el profesor y la ultima versión que tenemos instalados. Antes de escribir como solucioné el alineamiento de la imagen a la parte derecha de la lista de diferenciales, por favor verificar dos o tres veces que los .class esten bien escritos y localizados en el CSS. Revisar que no haya un punto o coma faltante o que sobre. Checar bien la sangría o indentación de los elementos en el HTML. Pasando a ahora sí a la solución.
El instructor escribe en .lista-diferenciales el selector así:
.lista-diferenciales{
width: 40%;
display: inline-block;
}
Lo anterior me dio muchos problemas y la imagen no se alineaba a la derecha, por lo que investigando un poco, encontré que si eliminas el display: inline-block; de .lista-diferenciales y en su lugar usas display: flex; en .contenido-diferenciales por fin alinea la imagen a la derecha del texto. Quedando de la siguiente manera:
.contenido-diferenciales{
width: 640px;
margin: 0 auto;
display: flex;
}
.lista-diferenciales{
width: 40%;
}
.items{
line-height: 1.5;
}
.imagen-diferenciales{
width: 60%;
}Espero que les pueda ayudar un poco.
Saludos.
