3 Column Preview w/ Expanding Cards (JS)

one small suggestion:

this:

const inactiveCards = carCards.filter(function (car) {
        return car !== activeCard
    })

can be replaced with this:

const inactiveCards = carCards.filter(car => car !== activeCard)

doesn't it look better? ;)

Hello Fraser Watt,

Congrats for completing the challenge ! I like the idea of the transition with the cards 🙂

To make it smoother I think that defining the width of cards with flex-basis instead of width would work better as you use the flex property to resize them with .active and .inactive. So by replacing width : 100% in .car-category class by flex-basis:33%, it should do the work I guess.

Then you would just have to add an opacity transition on the text to make it even better.

Let me know if it helped ! 😉

Overall, well done for the challenge and happy coding ! 😃