Bu div sayfanın en aşağısına kadar gidiyor. Bunu kaç fotoğraf varsa o düzene otomatik olarak ayarlamak istiyorum. Yapmak istediğimi inşallah anlatabilmişimdir. Yardım ederseniz çok mutlu olurum.
Normal düz çalıştırınca sorunsuz, tam istedğim gibi oluyor. Muhtemelen diğer CSS'ler veya diğer lt divler etki ediyor. bu sorun neden olur? Neyi incelemem gereklidir?
CSS KODLARI
/*PHOTO-CONTENT*/
.photo-content{
display: block;
width: auto;
height: auto;
max-width: 23rem;
min-width: 22rem;
border: 0.2rem black solid;
border-radius: 3rem;
background: turquoise;
margin: 1rem 2rem;
padding: 0.5rem;
}
#photo-head-title{
justify-content: center;
margin-bottom: 0.7rem;
width: 100%;
}
.photo-content > h4{
display: inline-flex;
padding: 0.6rem 0;
}
#photos > img{
height: 6rem;
width: 6rem;
border-radius: 0.3rem;
margin: 0.05rem;
border: 0.15rem black solid;
}
HTML KODLARI
<div class="photo-content">
<h4 id="photo-head-title">Fotoğraflar</h4>
<div id="photos">
<% let i = 0; %>
<% posts.forEach(get => { %>
<% if(i != 12){i++; %>
<img src="<%- get.media %>">
<% } %>
<% }) %>
</div>
</div>