Unable to apply Display Flex in ReactJs.

I am trying to map my card content and show them as rows but the cards are stacked vertically. I have spent more than two hours on this. Could anyone look into this please?

Jochem•8/23/24, 9:58 AM

you're returning one per array item, and then setting display flex on those (potentially dozens of) containers. That'll change how the contents of the containers is displayed, and not how the containers themselves are displayed

Jochem•8/23/24, 9:59 AM

you'll have to make a wrapper around the containers and set flex on that

Jochem•8/23/24, 10:00 AM

(also, for future reference, please don't share screenshots of code. They're a pain in the ass to work with, it's much easier to just use codeblocks. And it really helps people help you if you share a live version, either a deployed version of the site or using something like codepen. Give #how-to-ask-good-questions a look for more info)

PopoOP•8/23/24, 10:09 AM

Thanks for you help Jochem:thumbup: . could you please share with an example if possible. I can see the problem with your explanation but unable to put it with the code.

PopoOP•8/23/24, 10:17 AM

Got it Jochem. Solved!! Thanks man....