How to move a logo inside the div

0

I'm trying to center the logo on this panel by dragging it to the left.

HeremyHTMLcodewhereIquoteit

<divclass="logoLogin"> 
<img src="images/perfil-black.png">
<div>

I have tried to use padding and margin in the css sheet and even then I can not drag the logo to the left.

.logoLogin {
padding-top: 5px;
/* margin-bottom: 5px;*/
}

How can I resolve this?

    
asked by anonymous 12.06.2018 / 19:46

1 answer

0

Hello @acmobile

.login-container {
/*So para ilustrar o seu problema*/
  max-width: 200px;
  height: 350px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  margin: 0 auto;
}

.logoLogin {
  padding-top: 15px;
  width: 100%; /* Faz DIV ocupar todo o espaço do da sua DIV pai*/
  display: grid; /* Transforma sua DIV em um grid */
  justify-content: center;  /* Faz o alinhamento horizontal dos seus elementos no centro */
}

.logoLogin img {
  max-width: 100%;
  /*Garante que sua imagem não vai ultrapassar o seu tamanho maximo */
}
<div class="login-container">
  <div class="logoLogin">
    <img src="https://i.imgur.com/EoS17gh.png" />
   <div>
</div>
    
12.06.2018 / 21:35