.mtmblr {
    width: 100%;
    max-width: 620px;
    background-color: rgba(var(--d87, 255, 255, 255), 1);
    border: 1px solid rgba(var(--b6a, 219, 219, 219), 1);
    border-radius: 0 0 20px 20px;
    padding: 5px 10px 10px;
    box-sizing: border-box;
    display: grid;
    grid-template-areas:
        "photo1 photo2 photo3"
        "photo4 photo5 photo6"
        "nick nick nick"
       "txt txt txt"
        "tags tags tags"
        ". . like2";
    grid-template-columns: 1fr 1fr 1fr;
    gap: 3px;
    position: relative;
margin: 0 auto;
}

.mtmblr niktum:before {
    content: '@';
    color: #b1adad;
}

.mtmblr niktum {
    grid-area: nick;
    color: #000000;
    font-size: 18px;
    font-family: Helvetica;
    margin: 5px 0 0 5px;
    align-self: start;
    text-align: left;
    justify-self: start;
}

.mtmblr tegtum {
    grid-area: tags;
    color: #a1a0a0;
    font-size: 14px;
    font-family: Helvetica;
    margin: 33px 0 0 5px;
    word-break: break-all;
    text-align: left;
    justify-self: start;
}

.mtmblr tegtext {
grid-area: txt;
    text-align: left;
    margin: 10px 0 0 5px;}

.mtmblr mtph1, .mtmblr mtph2, .mtmblr mtph3, .mtmblr mtph4, .mtmblr mtph5, .mtmblr mtph6 {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: flex
;
}

.mtmblr mtph1 {
    grid-area: photo1;
}

.mtmblr mtph2 {
    grid-area: photo2;
}

.mtmblr mtph3 {
    grid-area: photo3;
}

.mtmblr mtph4 {
    grid-area: photo4;
}

.mtmblr mtph5 {
    grid-area: photo5;
}

.mtmblr mtph6 {
    grid-area: photo6;
}

.mtmblr mtph1 img, .mtmblr mtph2 img, .mtmblr mtph3 img, .mtmblr mtph4 img, .mtmblr mtph5 img, .mtmblr mtph6 img {
width: 100%;
    height: 100%;
    object-fit: cover;
    border-right: 1px solid rgba(var(--b6a, 219, 219, 219), 1);
}


.mtmblr like1 {
    display: none;
}

.mtmblr like2 {
grid-area: like2;
    width: 104px;
    height: 21px;
    background: url(https://i.imgur.com/aPE0JSU.png) no-repeat;
    background-size: contain;
    justify-self: end;
}

@media (max-width: 540px) {
    .mtmblr {
        grid-template-areas:
            "photo1 photo4"
            "photo2 photo5"
            "photo3 photo6"
            "nick nick"
        "txt txt"
            "tags tags"
            ". like2";
        grid-template-columns: 1fr 1fr;
        gap: 3px; /* Ещё меньше пробелы на мобильных */
    }
    
    .mtmblr mtph1 img, 
    .mtmblr mtph2 img, 
    .mtmblr mtph3 img, 
    .mtmblr mtph4 img, 
    .mtmblr mtph5 img, 
    .mtmblr mtph6 img {
        border-right: none;
        border-bottom: 1px solid rgba(var(--b6a,219,219,219),1);
    }
}