Partage
  • Partager sur Facebook
  • Partager sur Twitter

Problème de taille du premier element Tailwind

    23 novembre 2021 à 17:18:16

    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


    • Partager sur Facebook
    • Partager sur Twitter

    Problème de taille du premier element Tailwind

    × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
    • Editeur
    • Markdown