Moja galeria zdjęć

Zdjęcie 1

Krajobraz 1

Zdjęcie 2

Krajobraz 2

Zdjęcie 3

Krajobraz 3

Zdjęcie 4

Krajobraz 4

Zdjęcie 5

Krajobraz 5

Zdjęcie 6

Krajobraz 6

body { margin: 0; font-family: sans-serif; } header { background-color: #333; color: white; padding: 16px; text-align: center; } nav { background-color: #222; position: sticky; top: 0; z-index: 10; } nav ul { list-style: none; margin: 0; padding: 8px 16px; display: flex; gap: 16px; } nav a { color: white; text-decoration: none; } .gallery { padding: 16px; /* TODO: dodaj clearfix dla .gallery (::after z clear: both) */ } .photo-item { float: left; width: 30%; margin: 1.5%; } .photo-item img { width: 100%; display: block; } .photo-caption { /* TODO: dodaj style dla nakładki (position: absolute, bottom: 0, margin: 0, tło półprzezroczyste) */ } footer { background-color: #333; color: white; text-align: center; padding: 12px; clear: both; } /* TODO: dodaj regułę @media dla ekranów do 768px (.photo-item width: 46%) */ /* TODO: dodaj regułę @media dla ekranów do 480px (.photo-item width: 96%, float: none) */