obrázky pro responzivní web

[pajacz17]

Ahoj, můžete mi prosím poradit, jak nadefinovat obrázky pro responzivní web? Jedná se o to, mám třeba div main, ve kterém je nastavena šířka 80% prohlížeče. V něm jsou dva obrázky o velikosti 150px. Když se to zobrazuje na pc a rozlišení je třeba 1024 px tak je tam dost místa pro text , ale když se to třeba zobrazí na mobilu, který má rozlišení 400px tak oba obrázky zaberou 300px. Pro responzivní design se mají zadávat hodnoty width, margin a padding v procentech, ale u obrázku přece nemůžu dát procenta, protože to změní akorát velikost oproti velikosti obrázku. Děkuji za rady.

[CZechBoY]

čau,
tak tam dej div, tomu dej procenta a do divu dej img s width 100%

[pajacz17]

Perfekt. Díky moc to by mohlo byt ono.