JSFiddle - React, Tailwind, and code Playground

HTML

<div class="articleactu">
  <img src="images/vanguard.jpeg" alt="Article GTA " class="center">
  <div>
    <p class="p1">CALL OF DUTY : VANGUARD : Est-il bon ?</p>
    <p> Les avis des fans de la saga sont mitigés et ça peut se comprendre, plusieurs bugs ont été détectés et empêche les joueurs de jouer convenablement...</p>

    <p class="p2"> Publié le 25 novembre 2021 </p>
  </div>
  <hr class="solid">
  <img src="images/marvel.jpg" alt="Article GTA " class="center">
  <div>
    <p class="p1">MARVEL AVENGERS : Le personnage de Spider-Man bientôt dans le jeu.</p>
    <p> Les fans demandent, Square Enix donne. En effet, Spider-Man sera bientôt jouable dans le jeu sortit il y a peu via DLC...</p>
    <p class="p2"> Publié le 25 novembre 2021 </p>
  </div>
</div>

CSS

.articleactu {
  grid-gap: 0 36px;
  display: grid;
  grid-template-columns: 190px auto;
}

.articleactu img {
  border-radius: 15px;
  max-width: 200px;
}

p {
  word-wrap: break-word;
  max-width: 650px;
}

p.p1 {
  line-height: 30px;
  font-weight: bold;
}

p.p2 {
  font-size: 14px;
  font-weight: bold;
  color: #662189;
}

hr.solid {
  grid-column: span 2;
  width: 100%;
  opacity: 12%;
}