26369 sujets

CSS et mise en forme, CSS3

Bonjour,

Je vous contacte car je rencontre une petite difficulté.

Je souhaite utiliser flexbox afin de réaliser le header d'un site.

Le logo se trouve parfaitement à gauche et l'icône du menu, à droite.

Pour ce faire, j'utilise space-between pour placer ces éléments aux extrémités de la page.

Toutefois, comment les centrer verticalement ?

Je pensais appliquer au conteneur (header)
align-items: center;
mais cela ne fonctionne pas.

Le rendu actuel est ici

Ce que j'aimerais obtenir :

upload/1536739193-59717-capture.png

Pouvez-vous me donner un coup de main ?

Merci de votre aide Smiley smile
Modifié par MickFR (12 Sep 2018 - 10:02)