Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, só pouco leigo, estou com dificuldade em deixa logo de um site padronizada poderia me ajudar com alguma orientação. A logo até na versão tablet exibida sem problemas porém quando chega na versão mobile tenho problema consideram que a logo e oval.
Link do site: http://wadsolucoes.com.br/sys/editor/
.logo_container
{
display: inline-block;
padding-left: 76px;
} font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 900;
color: #3a3a3a;
vertical-align: middle;
text-transform: uppercase;
margin-left: 3px;
}
<div class="logo_container">
<div class="logo"><a href="./"><img src="images/logo-2.png" alt="EDITOR FISCAL - UMA PARCERIA DE SUCESSO" width="210" height="204"/></a>
</div>
</div>http://wadsolucoes.com.br/sys/editor/
Ficou show, mais você acha q consigo deixa ela pouco maior.
Se não for abusar Thiago
/profile/201685-wad-solu%C3%A7%C3%B5es/?do=hovercard" data-mentionid="201685" href="/profile/201685-wad-solu%C3%A7%C3%B5es/" rel="">@WAD - Soluções
Pode colocar dessa forma
@media only screen and (max-width: 575px)
.logo img {
width: 130px;
}>
Em 29/04/2019 at 20:42, Thiago Az disse:
/profile/201685-wad-solu%C3%A7%C3%B5es/?do=hovercard" data-mentionid="201685" href="/profile/201685-wad-solu%C3%A7%C3%B5es/" rel="">@WAD - Soluções
Pode colocar dessa forma
@media only screen and (max-width: 575px)
.logo img {
width: 130px;
}
FAÇA TESTES NO GOOGLE CHROME USANDO TECLA F12 e ir em responsividade
/profile/201685-wad-solu%C3%A7%C3%B5es/?do=hovercard" data-mentionid="201685" href="/profile/201685-wad-solu%C3%A7%C3%B5es/" rel="">@WAD - Soluções
Remove o atributo height da tag img
Deixe assim: Pois a definição da altura da imagem deixou ela distorcida.