Endersqui
Centipat
- Katılım
- 19 Eylül 2023
- Mesajlar
- 102
Daha fazla
- Cinsiyet
- Erkek
Merhaba, yazdığım HTML ve CSS kodlarında bir bölüm oluşturdum img, H3 ve p etiketlerini alt alta sıralamak istiyorum fakat başaramıyorum. Fotoğraf en üstte (img etiketi), ortada kişi adı (h3 etiketi), en altta detaylı bilgi (p etiketi) yazan bölüm olacak CSS kodlarında yardım eder misiniz?
HTML:
<section class="team">
<h1 class="heading">Ekibimiz</h1>
<div class="box-container">
<div class="box">
<!--kişi resmi buraya gelecek-->
<div class="box-head">
<div class="team-images">
<img src="images/ins.jpeg" alt="proje">
</div>
</div>
<div class="team-name">
<h3>Kişi Adı</h3>
</div>
<div class="box-bottom">
<div class="team-info">
<p>Detaylı Bilgi</p>
</div>
</div>
</div>
<div class="box">
<!--kişi resmi buraya gelecek-->
<div class="box-head">
<div class="team-images">
<img src="images/ins.jpeg" alt="proje">
</div>
</div>
<div class="team-name">
<h3>Kişi Adı</h3>
</div>
<div class="box-bottom">
<div class="team-info">
<p>Detaylı Bilgi</p>
</div>
</div>
</div>
<div class="box">
<!--kişi resmi buraya gelecek-->
<div class="box-head">
<div class="team-images">
<img src="images/ins.jpeg" alt="proje">
</div>
</div>
<div class="team-name">
<h3>Kişi Adı</h3>
</div>
<div class="box-bottom">
<div class="team-info">
<p>Detaylı Bilgi</p>
</div>
</div>
</div>
<div class="box">
<!--kişi resmi buraya gelecek-->
<div class="box-head">
<div class="team-images">
<img src="images/ins.jpeg" alt="proje">
</div>
</div>
<div class="team-name">
<h3>Kişi Adı</h3>
</div>
<div class="box-bottom">
<div class="info">
<p>Detaylı Bilgi</p>
</div>
</div>
</div>
</div>
</section>