Partage
  • Partager sur Facebook
  • Partager sur Twitter

Responsive blocs l'un en dessous de l'autre

Sujet résolu
    22 avril 2019 à 13:04:58

    Bonjour à tous

    J'ai un petit soucis concernant mon responsive.

    Je souhaiterai dans mon responsive que mon image de PC se trouve au milieu avec les <article> en dessous et centrés au milieu.

    Dans mon site normal l'image de PC se trouve à côté du bloc <div class="contenu">.

    Voici les codes

    https://codepen.io/tatiana06/pen/ZZjePp

    • Partager sur Facebook
    • Partager sur Twitter
      23 avril 2019 à 18:15:51

      Bonjour Tatiana06 ,

      Est-cela que tu veux :

      https://codepen.io/Zonecss/pen/xeamzO

      • Partager sur Facebook
      • Partager sur Twitter
      Découvrez les Css avec la zonecss.fr
        26 avril 2019 à 9:26:01

        Hello,

        Il ya plusieurs etapes pour faire ton resultat

        -regarder pour le responsive (media query)

        -fais un bloc avec l'image et le texte  en display flex puis justify content center .

        A+

        • Partager sur Facebook
        • Partager sur Twitter
          27 avril 2019 à 19:38:01

          AliasDmc a écrit:

          Bonjour Tatiana06 ,

          Est-cela que tu veux :

          https://codepen.io/Zonecss/pen/xeamzO


          Bonjour , non je souhaite justement que le texte reste avec cette configuration mais en dessous de l'image et centré ..
          • Partager sur Facebook
          • Partager sur Twitter
            27 avril 2019 à 19:47:07

            Bonjour,

            En gros comme si tu changeais ceci dans ta règle @media

            article{
                margin-left: 12px;
                text-align: left;
                 
              }



            • Partager sur Facebook
            • Partager sur Twitter

            Compos sui.

              27 avril 2019 à 23:33:42

              Bonjour Tatiana06 ,

              J'espère que j'ai compris ta demande :

              J'ai mis à jour le codepen https://codepen.io/Zonecss/pen/xeamzO

              • Partager sur Facebook
              • Partager sur Twitter
              Découvrez les Css avec la zonecss.fr
                30 avril 2019 à 11:23:58

                Merci AliasDmc c'est super ça fonctionne !!! encore merci bcp

                -
                Edité par Tatiana06 30 avril 2019 à 12:11:29

                • Partager sur Facebook
                • Partager sur Twitter

                Responsive blocs l'un en dessous de l'autre

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