.postData {

    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
}

.post-like-query {

    align-items: center;
    text-align: center;

}

.prevPost, .nextPost {

    text-align: center;
    align-content: end;
    font-size: 14px;
}

.buttons {

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
 
}



.buttons img {

    width: 100%;
    border-radius: 50%;
}


.line {
    border-top: 1px solid gray;
    display: block;
   
}

.spcBtn {

    opacity: 0;
}




.the-buttons {

    background-color: black;
    align-items: center;
    text-align: center;
    
}

.like-button {

    align-content: start;
    margin-right: 60%;
}

.like-button:active {
    
    transform: translateY(2px);

     
}

.dislike-button{

    align-content: end;

    margin-left: 60%;

}

.dislike-button:active {

    transform: translateY(2px);

  
}

@media (width > 400px) {

    .the-buttons {

        width: 40%
    }
}

.updatePage{
    text-align: center;
}