JSFiddle - React, Tailwind, and code Playground

HTML

<h1 style="text-align: center;">NOTICE CARTE MERE ASROCK Z590M</h1>
<div class="wrapper">
  <div class="one">1. <strong>INTRODUCTION</strong><br>
  Nous vous remercions d'avoir acheté cette carte mère ASRock Z590M Phantom Gaming 4, une carte mère fiable fabriquée conformément au contrôle de qualité, rigoureux et constant
  appliqué par ASRock. Fidèle à son engagement de qualité et de durabilité, ASRock vous garantit une carte mère de conception robuste aux performances élévées.<br>
  <strong>1.1 CONTENU DE L'EMBALLAGE :</strong><br>  
	<ul style="list-style-type: none;">
	<li> Carte mère ASRock Z590M Phantom Gaming 4 (facteur de forme Micro ATX)</li>
	<li>Guide d'installation rapide ASRock Z590M Phantom Gaming 4</li>
	<li>CD d'assistance ASRock Z590M Phantom Gaming 4</li>
	<li>2 x câbles de données Serial ATA (SATA) (Optionnel).</li>
	<li>3 x vis pour sockets M.2 (Optionnel).</li>
	<li>1 x panneau de protection E/S</li>
  </ul>
 
  <strong>1.2 SPECIFICATIONS</strong><br>
  <strong>Plateforme</strong>
  <ul style="list-style-type: none;">
	<li>Facteur de forme Micro ATX.</li>
	<li>Conception à condensateurs solides.</li>
  </ul>
  
  <strong>Processeur</strong>
  <ul style="list-style-type: none">
	<li>Prend en charge les processeurs Intel Core TM 10éme Gén.<br>
	et les processeurs Intel Core TM 11éme Gén (LGA 1200).</li>
	<li>Digi Power design.</li>
	<li>Alimentation à 8 phases</li>
	<li>Prend en charge la technologie Intel Turbo Boost Max 3.0</li>
	<li>Prend en charge les processeurs débloqués de la série K Intel</li>
  </ul>
  
  <strong>Chipset Intel Z590M</strong>
  <strong>Mémoire</strong>
  <ul style="list-style-type: none;">
	<li>Technologie mémoire double canal DDR4.</li>
	<li>4 x fentes DIMM DDR4.</li>
	<li>Les processeurs Intel Core TM 11éme Gén prennent en charge les mémoires sans tampon non ECC DDR4 jusqu'à 4800 + (OC).</li><br>
	<li>Les processeurs Intel Core TM 10éme Gén prennent en charge les mémoires sans tampon non ECC DDR4 jusqu'à 4600 +...

CSS

body {
	font-family: cursive;
	color: blue;
	background-color: antiquewhite;
	}

.wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(100px auto);
	}
  
.one {
    grid-column: 1 / 1; /* Colonne */
    grid-row: 1;        /* Rangée */
	}
  
.twoo {
    grid-column: 2 / 3;
    grid-row: 1;
	}
  
.three {
    grid-column: 3 / 3;
    grid-row: 1;
	}
  
.four {
    grid-column: 1 / 1;
    grid-row: 2;
	}
  
.five {
    grid-column: 2 / 3;
    grid-row: 2;
	}
  
.six {
    grid-column: 3 / 3;
    grid-row: 2;
	}
  
 .seven {
    grid-column: 1 / 2;
    grid-row: 3;
	}
  
.one, .twoo, .three, .four, .five, .six, .seven, .eight {
    font-size: 18px;
    border: 1px solid blue;
    border-radius: 6px;
    padding: 5px;
    grid-gap: 10px;
	}
  
ul {
	margin-top: 0;
	}
   
.p1 {
	color: red;
	}
  
.image {
	float: left; /* left > place l'image à gauche */
	margin: 0 15px 15px 0;
	padding-right: 10px;
	}
  
.image1 {
	float: right;
	}
    
.colonne-g {
	display: flex;
	float: left;
	width: 100px;
	}
  
.colonne-d {
	display: flex;
	width: 200px;	
	}
  
.centre-c {
	margin-left: 10px;
	margin-right: 10px;
	}