I have code .card.opened .card-inner { transform: rotateY(180deg); } but also I have The transform property for .card-inner element inside .card.opened should be set to rotateY(180deg)

Hello, see my solution below, may not be the best solution. CSS .opened{ transform: rotateY(180deg); } JS cardContainer.forEach((card) => { card.addEventListener('click', () => { card.classList.add('opened'); card.firstElementChild.classList.add('opened'); }); });

2731 stage 6

Julia

I have code

 .card.opened .card-inner {
      transform: rotateY(180deg);
    }

but also I have

The transform property for .card-inner element inside .card.opened should be set to rotateY(180deg)

rudythealchemist

Hello, see my solution below, may not be the best solution.

CSS

.opened{
transform: rotateY(180deg);
}

cardContainer.forEach((card) => {
card.addEventListener('click', () => {
card.classList.add('opened');
card.firstElementChild.classList.add('opened');
});
});