Почему у картинки странные отступы?

Question

[Kazanbi]

Привет!! Что с фотографией почему такие отступы я просто ее добавил я не делал с ней ничего просто завернул в div и все,
а у него образовались дикие отступы почему так и как это исправить?

Comments

[Ankhena]

Сделайте песочницу на codepen.io c видимой проблемой.
Как вы предлагаете узнать это по скрину.
Может у вас там флекс с высотой или еще что-то. Или сама картинка такая.
Скорее всего из-за тени в ней.

[Владимир Юрченков]

Было бы проще посмотреть на живом коде...а пальцем в небо ткнуть, бесполезно

[Lynn «Кофеман»]

У картинки нет никаких отступов.
Это белое поле просто часть картинки.

[Danny Arty]

Научитесь прикладывать код, а не просто скрин. Тогда получите точный ответ, вместо бесполезных догадок.

Answer 1

[Kazanbi]

это scss код
.multi__inner{
display: flex;
align-self: start;

.multi__subtitle{
font-family: 'Roboto';
font-style: normal;
font-weight: 500;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #3D4F9F;
margin-bottom: 30px;
}

.multi__title{
font-style: normal;
font-weight: 500;
font-size: 36px;
line-height: 45px;
color: #3D4F9F;
margin-bottom: 30px;

span{
font-weight: 600;
}
}
.multi__text{
font-family: 'Roboto';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 29px;
letter-spacing: 0.03em;
color: #8D96BD;
margin-bottom: 47px;
}
}

Comments

[Владимир Юрченков]

Приложите картинку...кажется дело в ней

[Semantic.Moscow]

какие свойства унаследовали эта обёртка и картинка из каскада?
Ctrl+Shift+J, смотреть внимательно Style и Computed

зачем вам вообще нужно столько обёрток?
уже ведь есть flex,
если этого мало, можно взять удобный и семантичненький (в случае с картинкой+текст) контейнер figure - очень удобно работается с ним.

[Kazanbi]

Semantic Moscow, вы имеете ввиду, что много оберток у img?

[Semantic.Moscow]

Kazanbi, их вообще много.
сейчас, вероятно, мне полностью непонятен ваш замысел,
но из того, что я вижу, тут не нужен ни одни DIV,
и возможно, что только один span

всё это должно быть заменено на нормальные теги.

заголовок, параграф, а весь блок выглядит как типичная фигура (firure + figcaption)