figureready

Number

    
<div class="figure">1</div>

<div class="figure">2</div>

<div class="figure">3</div>

<div class="figure">4</div>

Highlight

    
<div class="bg-neutral text-neutral-content border-2 rounded-lg px-4 py-4">
    <h3 class="title-font font-medium text-4xl text-accent-content pb-2 pt-2 mt-0 text-center">Dépollution de -39%</h3>
    <p class="leading-relaxed text-center">Bande passante inutile en moyenne sur les sites web (Mesure Webvert sur 614 sites - 11/2021)</p>
</div>

    
<div class="flex flex-wrap content-start items-stretch">
    <div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2 w-full">
        <div class="bg-neutral text-neutral-content border-2 rounded-lg px-4 py-12 h-full">
            <h2 class="title-font font-medium text-4xl text-accent-content pb-6 pt-0">x7</h2>
            <p class="leading-relaxed text-center">taille page web en 10ans</p>
        </div>
    </div>
    <div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2 w-full">
        <div class="bg-neutral text-neutral-content border-2 rounded-lg px-4 py-12 h-full">
            <h2 class="title-font font-medium text-4xl text-accent-content pb-6 pt-0">10%</h2>
            <p class="leading-relaxed text-center">perte de visiteurs par seconde de lenteur</p>
        </div>
    </div>
    <div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2 w-full">
        <div class="bg-neutral text-neutral-content border-2 rounded-lg px-4 py-12 h-full">
            <h2 class="title-font font-medium text-4xl text-accent-content pb-6 pt-0">5%</h2>
            <p class="leading-relaxed text-center">consommation énergétique mondiale du numérique</p>
        </div>
    </div>
    <div class="p-4 sm:w-1/2 lg:w-1/4 w-1/2 w-full">
        <div class="bg-neutral text-neutral-content border-2 rounded-lg px-4 py-12 h-full">
            <h2 class="title-font font-medium text-4xl text-accent-content pb-6 pt-0">39%</h2>
            <p class="leading-relaxed text-center">bande passante inutile</p>
        </div>
    </div>
</div>