CSS, Display

Salut les clés, comment je peux faire pour répartir des éléments équitablement verticalement et horizontalement?

avec
justify-content: space-around;
ils sont seulement répartis horizontalement.

je rajoute align-items? ça à pas l'air de fonctionner.
Je suis entrain de retourner developer.mozilla.org, je trouve pas.

<section>
    <div>
         <article>
                <a href=><figure>
                  </figure></a>        
         </article>
    </div>

</section>

Je souhaite que articlex6 prend tout l'espace équitablement dans div