Bonjour à tous 

J'ai un petit soucis concernant le positionnement de deux <div> , une image et du texte.

Elles sont bien côte à côte cependant je souhaiterai que mon texte se place en 3 colonnes les unes en dessous des autres à coté de mon image . Pour le moment mon texte se place en ligne . J'ai fais une capture d'écran de ce que ça donne.

Voici mon code 

<section>

	<h1 class="titre-services"> Nos services </h1>


		<div class="hr-theme-slash-2">
  				<div class="hr-line"></div>
  				<div class="hr-icon"><i class="fas fa-circle"></i> </div>
 				 <div class="hr-line"></div>
		</div>
		

		<p class="description"> Nous nous adaptons à chacuns de vos projets afin qu'ils soient uniques,esthétiques et performants. 
		</p>

<div class="services"> 


		<div class="pc">
			<img src="images/pic_pc.png" alt="photo de pc" /> <!-- Image PC -->
		</div>

		

		<div class="services-description">
				<div class="services_logo">
					<div class="bulle-bleue"></div>
					<p class="fa_logo"><i class="fas fa-chart-line"></i></p>
					
		</div>
			<div class="service-text">
				<h2> UX Design </h2>
					<p>Amélioration de l'expérience utilisateur par l'anticipation des attentes et des besoins de chacuns.</p>
			</div> 
		</div>

		<div class="services-description">
				<div class="services_logo">
					<div class="bulle-bleue"> </div>
					<p class="fa_logo"><i class="fas fa-chart-pie"></i></p>
				</div>
				<div class="service-text">
				<h2>UI Design</h2> 
					<p>Expérience de navigation la plus intuitive possible via un design fonctionnel...</p>
				</div>
			</div>

			<div class="services-description">
				<div class="services_logo">
					<div class="bulle-bleue"></div>
					<p class="fa_logo"><i class="fas fa-cubes"></i></p>
				</div>

				<div class="service-text">
				<h2>SEO</h2> 
					<p>Augmentation de la visibilité et de la qualité de votre site internet au sein des moteurs de recherche via le référencement naturel.</p>
				</div>

		</div>
	</div>
</section>

.services
{
    display: flex;
    
    
    
   
}


.services-description
{
   
   display:flex;
    flex-direction: column;
   
}

Bonjour, ton html et bien compliquer pour pas grand chose je trouve !!

Pour ton problème il te suffit d'ajouter un balise qui contient tout les balises .services-description

Ce que j'ai fait avec <div class="correction">

je te re donne le HMTL :

<section>

  <h1 class="titre-services"> Nos services </h1>

  <div class="hr-theme-slash-2">

    <div class="hr-line"></div>

    <div class="hr-icon"><i class="fas fa-circle"></i> </div>

    <div class="hr-line"></div>

  </div>

  <p class="description"> Nous nous adaptons à chacuns de vos projets afin qu'ils soient uniques,esthétiques et performants. 

  </p>

  <div class="services">

    <div class="pc">

      <img src="images/pic_pc.png" alt="photo de pc" /> <!-- Image PC -->

    </div>

    <div class="services-description">

      <div class="services_logo">

        <div class="bulle-bleue"></div>

        <p class="fa_logo"><i class="fas fa-chart-line"></i></p>

        <div class="flex_column">

        </div>

        <div class="service-text">

          <h2> UX Design </h2>

          <p>Amélioration de l'expérience utilisateur par l'anticipation des attentes et des besoins de chacuns.</p>

        </div> 

      </div>

      <div class="services-description">

        <div class="services_logo">

          <div class="bulle-bleue"> </div>

          <p class="fa_logo"><i class="fas fa-chart-pie"></i></p>

        </div>

        <div class="service-text">

          <h2>UI Design</h2> 

          <p>Expérience de navigation la plus intuitive possible via un design fonctionnel...</p>

        </div>

      </div>

      <div class="services-description">

        <div class="services_logo">

          <div class="bulle-bleue"></div>

          <p class="fa_logo"><i class="fas fa-cubes"></i></p>

        </div>

        <div class="service-text">

          <h2>SEO</h2> 

          <p>Augmentation de la visibilité et de la qualité de votre site internet au sein des moteurs de recherche via le référencement naturel.</p>

        </div>

      </div>

      </dvi>

  </div>

</section>

Si tu as la réponse à ta question pense à mettre en résolu merci !

Merci Noopy , ça fonctionne mais j'ai un autre soucis mes icônes fontawesome se place au dessus de chaque paragraphe du coup .. Comment faire pour qu'ils se placent à côté ?

Il te suffit de deplacer ça --> <i class="fas fa-chart-line"></i>

Comme ça --> <h2><i class="fas fa-chart-line"></i> UX Design </h2>

puis d'effacer --> <p class="fa_logo"></p>

Mais dit moi pourquoi ton html est si compliquer ? pourquoi autant de balises ?

Je me suis un peu compliqué la vie la je l'avoue ...

Le soucis c'est que mes logos sont entourés d'un cercle et d'un petit rond bleu ... Je met une capture d'écran.

Du coup je ne sais pas comment positionner tout ça

-
Edité par Tatiana06 15 avril 2019 à 13:00:06

https://codepen.io/Noopy360/pen/jRLxbv?editors=1100

merci beaucoup pour tes lumières Noopy