为什么我的CSS卡在不同位置的高度

Question

我目前工作的一个天气应用程序和IM试图找出为什么我的卡有不同的位置高度。我假设其因为线各摘要有量的，但我怎么解决这个问题？谢谢。

#card__days {

    .card__daily {
        background-color: #fff;
        border-radius: 10px;
        height: 250px;
        width: 185px;
        text-align: center;
        display: inline-block;
        box-shadow: $shadow;
        margin: 0 5px;
        h2 {
            font-size: 2rem;
            padding-top: 10px;
            color: $weather-primary;
        }

        h3 {
            font-size: 1rem;
            padding: 10px 5px;
        }

        .icon {
            width: 150px;
        }
    }
}

Image of the cards

Answer 1

我如何固定它是通过使显示器弯曲，并用拉伸对准他们。

#card__days {
    display: flex;
    justify-content: center;
    align-items: stretch;
}