@media (max-width: 768px) {
    .main-content {
        flex-direction: column;
    }

    .sidebar {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .article-panel {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-panel .first,
    .article-panel .last {
        margin-bottom: 5px;
    }

    .list-pages ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .list-pages .page-num {
        margin-bottom: 5px;
    }

    .tags-list {
        gap: 5px;
    }

    .tags-list li {
        padding: 3px 8px;
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .button-like,
    .button-danger,
    .button-success {
        width: 100%;
        box-sizing: border-box;
        margin: 5px 0;
    }
}

@media (max-width: 320px) {
    .tags-list li {
        font-size: 12px;
    }

    .button-like,
    .button-danger,
    .button-success {
        font-size: 14px;
    }
}


/* Адаптивность страница about*/
@media (max-width: 768px) {
    .tech-stack {
        grid-template-columns: 1fr;
    }
}


/* Для страниц ошибок 403\404\500 */
@media (max-width: 768px) {
    .error-code {
        font-size: 4rem;
    }
    
    .error-title {
        font-size: 1.5rem;
    }
}