Witam wszystkich!
Więc mam problem:
Chciałbym aby zdjęcia na mojej stronie się skalowały wraz z wielkością ekranu.
No i mam taki kod:
<section>
<div class="image" >
<img src="img/nature.jpg" alt="alternative text"></a>
</div>
<div class="image" >
<img src="img/mountains.jpg" alt="alternative text"></a>
</div>
<div class="image">
<img src="img/sea.jpg" alt="alternative text"></a>
</div>
<div class="image">
<img src="img/cliff.jpg" alt="alternative text"></a>
</div>
<div class="image">
<img src="img/city.jpg" alt="alternative text"></a>
</div>
<div class="image">
<img src="img/freedom.jpg" alt="alternative text"></a>
</div>
</section>
.image
{
width: 100%;
}
.image img
{
width: 100%;
}
I na mniejszych wielkościach ekranu fajnie się to skaluje ale na ekranie komputera zajmuje 100% szerokości no i dałoby się coś z tym zrobić aby skalowało się na mniejszych ekranach a na komputerze zajmowało X pixeli