.article-list {
    list-style: none;
    padding: 0;
}

.article-item {
    display: grid;
    grid: "img title" min-content
          "img content" 1fr
          / auto 1fr;
    column-gap: 1rem;
    margin-bottom: 1rem;
}

.article-item__photo {
    grid-area: img;
}

.article-item__title {
    grid-area: title;
    margin: 0;
}
.article-item__title a {
    text-decoration: none;
}

.article-item__content {
    grid-area: content;
}

@media screen and (max-width: 720px) {
    .article-item {
        grid: 
          "img" min-content
          "title" min-content
          "content" 1fr
          / 1fr;
    }
    .article-item__photo {
        margin-bottom: 1rem;
    }
}

.article-page__title {
    font-size: 28px;
    color: #1e354d;
    line-height: 1.2em;
    font-weight: bold;
}