Css de contact (2/3)

Nous allons rajouter à .contact display flex, alignée verticalement et horizontalement au centre.

.contact {
background-image : url('https://images.unsplash.com/photo-1451187580459-43490279c0fa?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1352&q=80');
background-size: cover;
background-repeat: no-repeat;
background-position: center;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}

Pour la balise article, nous allons mettre une couleur de fond qui est la même que home : rgba(255,255,255,0.8);.

.contact article {
background-color: rgba(255, 255, 255, 0.8);
}

Pour les liens, display inline-flex, alignés verticalement et horizontalement au centre. Aucune décoration pour le texte, une couleur grise, une marge de 5 pixels, un padding de 5 pixels et une transition de 0.2s.

.contact a {
display: inline-flex;
justify-content: center;
align-items: center;
text-decoration: none;
color: grey;
margin: 5px;
padding: 5px;
}