display flex div içinde ki resim altında boşluk kalıyor. [ Çözüldü ]
display flex uygulanmış div içinde display flex olmayan ikinci bir div var onun içinde ki resim altında ince bir boşluk kalıyor resmi display blok yapınca düzeliyor birde ikinci divede display flex yapınca düzeliyor. Yanlışmı yapıyorum sizce. Acaba display flex uygulanan div içinde ki bütün divlerede flex mi yapılmalı.
Merhaba örnek olarak şu kodları gösterebilirim.
Padding değerini özellikle verdim vermesem de altta bir boşluk oluyor.
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
.birinci {display: flex;width: 100%;}
.imgdiv {padding: 10px;background-color: #111;}
</style>
</head>
<body>
<div class="birinci">
<div class="imgdiv">
<img src="images/Penguins.jpg">
</div>
</div>
</body>
</html>