.blog-content {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.blog-content--container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.blog-content--single {
    justify-content: center;

    background: whitesmoke;
    border: 1px solid blueviolet;
    border-radius: 10px;
    margin: 10px;
}

.blog-content--headline {
    padding-left : 6px;
}

.blog-content-text {
    padding-left: 6px;
    padding-right: 6px;
}

@media screen and (max-width: 600px) {
    .blog-content--container {
        grid-template-columns: 1fr;
    }
}