Bonjour,
Je me retrouve face à un problème que je ne parviens pas à résoudre, sur mon site je possède une div qui fait 100vh et 100vw elle prend donc toute la taille de la fenêtre et possèdent une image de fond. Sur cette div je souhaite y centrer mon logo (horizontalement et verticalement) qui ce trouve dans une balise <img> et est au format svg.
Voici la partie du code html :
et le css actuel (j'ai essayé plusieurs technique de positionnement sur le .background img que j'ai supprimé :
Merci d'avance pour votre aide et bonne soirée
Je me retrouve face à un problème que je ne parviens pas à résoudre, sur mon site je possède une div qui fait 100vh et 100vw elle prend donc toute la taille de la fenêtre et possèdent une image de fond. Sur cette div je souhaite y centrer mon logo (horizontalement et verticalement) qui ce trouve dans une balise <img> et est au format svg.
Voici la partie du code html :
<div class="background">
<img alt="Logo" src="./images/Logo.svg">
</div>
et le css actuel (j'ai essayé plusieurs technique de positionnement sur le .background img que j'ai supprimé :
.background{
background: url(../images/background.jpg) center no-repeat fixed;
background-size: cover;
height: 100vh;
position: relative;
}
.background img{
max-height: 400px;
}
Merci d'avance pour votre aide et bonne soirée