Salve sto impazzendo con un codice css per il mio logo .
Il problema non nasce quando dimensiono la finestra allora va tutto ok ma quando lo pubblico ed mi collego con il mio telefonino e tablet il logo non si adatta
il mio sito è http://www.dinapoliandrea.com
posto anche il codice con media query 1200
codice:
@media only screen and (min-width: 1200px) {
body{
background: #ffffff;
}
.center {
margin-left: auto;
margin-right: auto;
width: 80%;
height: 1000px;
border: 3px solid green;
padding: 10px;
}
#sfondo-intestazione {
margin-left: auto;
margin-right: auto;
width: 100%;
height: 800px;
}
#logo {
position: absolute;
top: 11%;
left: 11%;
box-shadow: 0 8px 16px 0 rgba(228, 220, 220, 0.2), 0 6px 20px 0 rgba(233, 224, 224, 0.19);
width: 150px;
height: 150px;
}
/* fine 1200 ---------- */
}
codice HTML:
<div class="center"> <img id="sfondo-intestazione" src="Immaginidelsito/sfondo.png">
<a href="index.html"><img id="logo" src="Immaginidelsito/logo.png"></a> <!-- ::::::::::::::sotto il div centrato:::::::::::::: --> </div>