JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">

            <div class="enfant-un child">

                <a href="index.php">

                    <img class="logo" src="images/logo.png" title="Acceuil" alt="Le logo de GBAF(Groupement Banque-Assurance Français)." />

                </a>

                <nav class="menu">

                        <ul>

                            <li><a href="#" title="Créer un nouveau compte">Inscription</a></li>
                            <li><a href="#" title="Se connecter avec un compte existant">Connexion</a></li>

                        </ul>

                    <?php

                        }

                    ?>

                </nav>

            </div>

            <div class="enfant-deux child">

                <h1>Groupement Banque-Assurance Français</h1>
                <p>Présentation des partenaires</p>
                <img class="illustration" src="images/illustration.jpg" alt="Bureaux de GBAF(Groupement Banque-Assurance Français)."/>

            </div>

            <div class="enfant-trois child">

                    <h2>Acteurs et partenaires</h2>
                    <p>Présentation des acteurs et partenaires</p>

                <div class="acteur">

                    <img src="images/logo-acteur-1.png" alt="Acteur 1"/>
                    <h3>Acteur 1</h3>
                    <p>Description + lien</p>
                    <button href="#" class="lirelasuite">Lire la suite</button>

                </div>

                <div class="acteur">

                    <img src="images/logo-acteur-2.png" alt="Acteur 2"/>
                    <h3>Acteur 2</h3>
                    <p>Description + lien</p>
                    <button href="#" class="lirelasuite">Lire la suite</button>

                </div>

                <div class="acteur">

                    <img src="images/logo-acteur-3.png" alt="Acteur 3"/>
                    <h3>Acteur 3</h3>
                    <p>Description + lien</p>
                    <button...

CSS

body
{
    background-color: yellow;
    margin: 0;
}

.parent
{

    background-color: blue;

}

.enfant-un
{

    background-color: orange;
    height: 120px;
    padding-left: 10%;
    padding-right: 10%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px;

}

.logo
{

    width: 90px;

}

.logo:hover
{

    opacity: 0.75;

}

h1, h2, h3, h4, h5, h6{
  margin-top: 0;
}

.menu ul
{

  margin-bottom: 0;

}

.menu li
{

    display: inline;
    padding-right: 10px;

}

.menu li:hover
{

    opacity: 0.75;

}

.illustration
{

    width: 100%;
    border-radius: 6px;

}

.enfant-deux
{

    background-color: green;

}

.enfant-trois
{

    background-color: red;

}

.enfant-quatre
{

    background-color: violet;

}