Arkadaşlar selamlar. bir sitede şöyle bir div yaptık. Ancak div responsive değil. küçük ekranlarda sorun yaşıyoruz. html ve css kodlarını yolluyorum. Acaba nereye müdehale etmemiz gerekir. Fikri olan var mı?

Siteyi de verebilirim.. Şimiden teşekkür ettim.

<p ><a href="#" data-reveal-id="myModal" data-animation="fade"> buton </a><br> Mimar</p>

<div style="opacity: 1; visibility: visible; top: 687px;" id="myModal" class="reveal-modal"><img class="alignleft" src="resim" alt="" height="280" width="auto">
bilgi. <a class="close-reveal-modal">×</a></div>


css kodları:


.reveal-modal {
visibility: hidden;
top: 100px;
left: 50%;

margin-top: -800px;
margin-left: -34px;
width: 800px;
background: #eee url(modal-gloss.png) no-repeat -200px -80px;
position: absolute;
z-index: 101;
padding: 30px 40px 34px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
.reveal-modal img {
margin-right: 12px;
border-radius: 50%;
}