Merhaba arkadaşlar bir sitemde görsel reklam alanı olusturuyorum, reklam alanı yan yana 4 adet reklam resmi şeklinde yanlız şöyle sorunum var, aşağıdaki css kodlarını siteye eklediğim zaman masa üstü görünümde sorun yok yanlız mobile girdiğim zaman resim tek sıra halini alıyor bundada sorun yok ama resmin gerçek boyutunu almıyor, mobile için rsmin gerçek boyutu 432px - 132 px.... Nerde hatam var yada ney eksik yardımcı olursanız sevinirim. Yada masa üstü için ayrı mobile için ayrı nasıl değer verebilirim? Site adresi : avsa - adasi. com. tr

.responsive {
width: 100%;
max-width: 268px;
height: auto;
margin: 0 auto; /* to center the container */
}
img {
width: 100%;
height: auto;
}

<div style="float:left; padding:15px;"><a href="https://www.abc.com"><img src="https://www.abc.com/images/abc.jpg" alt="ABC" class="responsive" width="268" height="132"></a></div>

<div style="float:left; padding:15px;"><a href="https://www.abc.com"><img src="https://www.abc.com/images/abc.jpg" alt="ABC" class="responsive" width="268" height="132"></a></div>

<div style="float:left; padding:15px;"><a href="https://www.abc.com"><img src="https://www.abc.com/images/abc.jpg" alt="ABC" class="responsive" width="268" height="132"></a></div>

<div style="float:left; padding:15px;"><a href="https://www.abc.com"><img src="https://www.abc.com/images/abc.jpg" alt="ABC" class="responsive" width="268" height="132"></a></div>