Formes géométriques

Bonjour,

C'est assez simple... Chaque cercle est un élément (une div par exemple) qui à la même hauteur et largeur. La propriété border-radius à 50% en fera un rond. Pour les aligner, un display:inline-block et pour le rectangle c'est juste un autre conteneur qui encadre le tout.

Bonjour,

Il serait intéressant de savoir si cette construction est purement décorative ou si elle apporte du contenu / une information.

Dans le second cas, il serait opportun que cette information soit véhiculée dans le HTML, par exemple via une image SVG

Bonjour
Ce n'est pas pour la décoration. Le cercle est noir si on reçoit de l'information sinon il est blanc.
Cordialement