Некоторые ссылки href не работают, если в div несколько ссылок ⇐ Html

[Anonymous]

Я не понимаю, почему средние ссылки
South Pacific Bike Tours

Tahiti,
Hawaii





[/code]
Я пробовал варианты: img без
South Pacific Bike Tours

Tahiti,
Hawaii







South Pacific Bike Tours

Tahiti,
Hawaii


[/code]
Приведенный ниже код CSS применим к этим карточкам, контейнер карты назначен родительскому элементу div.

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

.cardcontainer {
display: flex;
flex-flow: row wrap;
justify-content: center;
}

.card {
flex-grow: 0;
flex-shrink: 0;
height: 50vh;
max-height: 325px;
color: #fff;
font-weight: 600;
line-height: 1.2;
font-size: 1.6rem;
text-shadow: 1px 1px 1px rgb(0, 0, 0), 0 0 7px rgba(60, 48, 40,.85), 0 0 15px rgba(60, 48, 40,.55);
overflow: hidden;
cursor: pointer;
border-radius: 50px 15px;
box-shadow: 2px 2px 10px rgba(60,48,40,0.5);
}

.card .dark {
position: absolute;
top: 0;
width: 100%;
padding: 20px 20px 25px;
z-index: 1;
background: linear-gradient(180deg, rgba(33, 33, 33, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
text-align: center;
}

a {
text-decoration: none;
}

Возможно, это что-то очевидное, чего я не вижу.

Подробнее здесь: https://stackoverflow.com/questions/799 ... thin-a-div