article.home {
    padding: 2em 10em;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1em;
}

article.home a.trip {
    color: var(--color-main);
    text-decoration: none;
    text-align: center;
    border: 2px solid var(--color-main);
    border-radius: 5px;
    overflow: hidden;
    font-weight: bold;
    text-transform: uppercase;
}

article.home a.trip img {
    width: 100%;
    border-bottom: 2px solid var(--color-main);
}

@media screen and (max-width: 1024px) {
    article.home {
        padding: 2em 2em;
    }
}