abdullahtarawneh.com/assets/scss/base/list.scss

.list {
    .container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em;
    }
    .list-item {
        color: inherit;
        text-decoration: none;
        transition: color 0.2s ease-in-out;
        &__image {
            width: 100%;
            height: auto;
        }
        &__title {
            font-size: 1.5em;
            margin: 0.5em 0;
        }
        &__summary {
            margin-bottom: 1.5em;
            line-height: 1.4;
        }
        &__date {

        }
        &:hover {
            color: #0060ff;
        }
    }
}