.grid__container--pin{
    column-count: 5;
    column-gap: 8px;
}


.grid__item--pin{
    display:inline-block;
    width:100%;
    margin-bottom: 5px;
    break-inside:avoid;
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    cursor:pointer;
}

.grid__item--img > img {
    width:100%;
    display:block;
    border-radius:16px;
}

.grid__item--title {
    font-size: 13px;
}

.grid__item--view {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 13px;
}

a {
    text-decoration: none;
    color: black;
}

@media(max-width:1400px){
    .grid__container--pin{
        column-count:4;
    }
}

@media(max-width:1100px){
    .grid__container--pin{
        column-count:3;
    }
}

@media(max-width:768px){
    .grid__container--pin{
        column-count:2;
    }
}