Vytvorenie responzívnej galérie obrázkov s HTML a CSS

 <div class="galeria"> <div class="obrazok"><img src="foto1.jpg" alt="Foto 1"></div> <div class="obrazok"><img src="foto2.jpg" alt="Foto 2"></div> <div class="obrazok"><img src="foto3.jpg" alt="Foto 3"></div> </div> 

 .galeria { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

.obrazok {
flex: 1 1 200px;
max-width: 300px;
}

.obrazok img {
width: 100%;
border-radius: 8px;
}

@media (max-width: 768px) {
.galeria {
flex-direction: column;
align-items: center;
}

.obrazok {
    margin-bottom: 10px;
}


}