Пробел после изображения Элемент [дубликат] ⇐ CSS

[Anonymous]

У меня есть пробел после изображения, и я не знаю, в чем проблема:


Вот мой код HTML и SCSS:

Код: Выделить всё

Title







[img]https://placehold.co/400[/img]

Вот мой SCSS:

Код: Выделить всё

body {
margin:0;
}

main {
display:flex;
flex-direction: column;
align-items: center;
}
.weatherContainer {
box-sizing: border-box;
display:inline-block;
margin:0 auto;
-webkit-box-shadow: 55px 14px 295px 96px rgba(0,0,0,0.38);
-moz-box-shadow: 55px 14px 295px 96px rgba(0,0,0,0.38);
box-shadow: 55px 14px 295px 96px rgba(0,0,0,0.38);

&__header {
&--image {
text-align: center;
}
}
}

кто-нибудь знает проблему? Я уже гуглил, но не нашел возможности установить для основного контейнера ту же высоту, что и для элемента изображения.

Подробнее здесь: https://stackoverflow.com/questions/786 ... re-element