Discussion :

[labarre2002]

Bonsoir

J ai du mal a appréhender quelques notions basique de flexbox

je suis une formation je dois positionner des éléments d une navbar

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<nav class="nav-2">
      <a href="#">Home</a>
      <a href="#">Services</a>
      <a href="#">Contact</a>
 
      <button class="sign-in-btn">Se connecter</button>
      <button class="sign-up-btn">S'inscrire</button>
    </nav>

je dois Centrer sur Y et afficher les boutons à droite

la solution propose dans la formation

est :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.nav-2{
display: flex;
align-items: center;
 
}

mais dans vscode j obtiens rien
en revanche quand je rentre ca :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.nav-2{
display: flex;
justify-content: center;
 
}

j'obtiens :

pourrais je avoir des explications j'en conviens c est une question de bougre de débutant)