Как установить высоту блока для ссылки

Question

У меня есть два элемента: обложка и ссылка.

Я выровняла их с помощью flex, Проблема в том, что при проверке в Devtools у ссылки высота блока такая же, как у обложки. Мне нужно, чтобы у элемента, где находится ссылка, была высота только самой ссылки.

Я могу сама задать height, но как сделать это автоматически?

.khan__container {
  width: 80%;
  display: flex;
  flex-direction: column;
  margin: 0px auto 0px;
}

.khan__buy-link {
  margin-top: 0px;
  color: #2f80ed;
  line-height: 42px;
  font-size: 30px;
  font-weight: normal;
  text-decoration: none;
  transition: opacity 1s linear 1s;
}

.khan__book-pic {
  width: 620px;
  height: 608px;
  object-fit: cover;
  object-position: top;
  margin-right: 48px;
}

<div class="khan__quote-book-container">
  <img src="./images/khan-book.jpg" class="khan__book-pic" alt="Книга С.Хан">
  <a href="#" class="khan__buy-link">Купить книгу &rarr;</a>
</div>

БЛОГ НА HUSL

Как установить высоту блока для ссылки

Ответы (0 шт):