@media only screen and (max-width: 600px) {/*600px altı cihazlarda çalışır*/
#img{/*Sadece img idsine sahip olan nesnelerde çalışır*/
width:70%;
height:auto;
}
}
@media only screen and (min-width: 601px) {/*601px üstü cihazlarda çalışır*/
#img{/*Sadece img idsine sahip olan nesnelerde çalışır*/
width:40%;
height:auto;
}
}Üstteki şekilde media query kullanarak responsive yapabilirsiniz iyi geceler.
Hocam affınıza sığınarak şöyle bir düzeltme yapayım. Genelde #img şeklinde bir id ve class olmaz. img#resim veya img.resim yapılabilir.