#page_grid_container {
    display: grid;
    grid-template-rows: auto auto auto;
    /* min-height: 100vh; */
}

@media (max-width: 768px) {
    #article_grid_container {
        display: grid;
        grid-template-columns: 1fr;
    }

    #article_col1 {
        display: none;
    }

    #article_col2 {
        padding: 15px;
        margin: 0px;
    }

    #article_col3 {
        display: none;
    }
}
  
@media (min-width: 769px) {
    #article_grid_container {
        display: grid;
        grid-template-columns: 20fr 60fr 20fr;
    }

    #article_col1 {
        text-align: center;
        color: var(--my-font-color);
        /* background-color: #339c70; */
    }
    
    #article_col2 {
        justify-self: center;
        width: 100%;
        margin: 30px;
    }
    
    #article_col3 {
        text-align: center;
        color: var(--my-font-color);
        /* background-color: #ad973b; */
    }
}