Bonjour, il faut dire que je suis un peu nouveau sur tailwind et j'ai encore un peu du mal à saisir toutes les logiques...

Mon problème est que j'ai un containeur flex avec à l'interieur des éléments enfants, mais le premier enfant est plus grand que les autres. J'ai un peu regarder et il se trouve que quand je modifie le space-x ou space-y du containeur cela modifie sa taille..

Voici le code:

  <div className="flex flex-col justify-center w-11/12 p-6 -mt-8 mx-auto bg-white shadow-md rounded-lg">{/*space-x-6 space-y-6*/}
                <p className="font-bold text-sm	text-gray-600 text-left pl-6">OVERVIEW</p>
                <p className="font-extrabold text-2xl text-left mb-2 pl-6">ALL OBJECTS</p>
                <ObjectsMenu/>
                <div className="flex flex-wrap justify-center space-x-6 space-y-6">
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                    <ObjectOfStuff/>
                </div>

            </div>

Voici ObjectOfStuff:

<div className="flex flex-col bg-white shadow-md rounded-lg cursor-pointer">
            <img className="object-contain h-52" src={LavaLamp} alt="lavalamp"/>
            <p className="mx-auto text-lg mb-4 font-medium text-gray-500 mb-8">LavaLamp</p>
</div>

Si quelqu'un pourrait m'aider il me rendrait un grand service

Merci