@media screen and (min-width: 1026px) {
    .skills-center {
        display: grid;
        grid-template-columns: 1fr 1fr;
        -moz-column-gap: 2rem;
        column-gap: 2rem;
    }

    .article-center {
        display: grid;
        grid-template-columns: 1fr 3fr;
        gap: 3rem 1rem;
        place-content: center;
    }

    .article-block {
        display: grid;
        grid-template-columns: 3fr 1fr;
        gap: 1rem 2rem;
        margin: 2rem;
    }

    .article-block img {
        position: sticky;
        top: 5rem;
        width: 20vw;
        max-width: fit-content;
}

.open-btn-contents {
display: none;
}

.article-content {
padding-right: 1rem;
margin-top: 2rem;
}

.blog-grid {
display: grid;
grid-template-columns: 80% 20%;
column-gap: 1rem;
}

.blog-category {
display: block;
position: relative;
}

.blog-center {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1rem 1rem;
justify-items: center;
}


.nav-center {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
}

.nav-btn {
display: none;
}

.nav-links {
display: flex;
justify-content: space-around;
justify-self: end;
-moz-column-gap: 2rem;
column-gap: 2rem;
}

.nav-links a {
display: flex;
column-gap: 2px;
-moz-column-gap: 2rem;
color: var(--clr-grey-1);
transition: var(--transition);
font-size: 14px;
font-weight: bold;
align-items: baseline;
}

.nav-links a:hover {
color: var(--clr-primary-4);
}

.about-center {
grid-template-columns: repeat(2, 1fr);
}

.about-info {
align-self: center;
}


.section-center {
width: 95vw;
}

.service-center {
display: grid;
grid-template-columns: repeat(3, 1fr);
-moz-column-gap: 2rem;
column-gap: 2rem;
}

.project-center {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
}

.timeline-center {
width: 80vw;
max-width: 40rem;
}

.header-author {
display: grid;
grid-template-columns: 1fr 2fr;
column-gap: 1rem;
place-items: center;
}

.header-desc h1 {
font-size: 24px;
}

.header-desc p {
text-align: justify;
padding: 10px;
max-width: 80%;
}

.header-desc .underline {
margin: 1rem 0;
}

.portfolio-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
margin: 2rem;
}

.portfolio-content {
display: grid;
grid-template-columns: repeat(5, 1fr);
column-gap: 1rem;
place-content: start;
gap: 1rem;
margin-top: 1rem;
}

.connect {
margin: 2rem;
display: grid;
grid-template-columns: 1fr 1fr;
place-items: center;
}

.article-contents {
margin-top: 2rem;
border-radius: var(--radius);
}

.article-contents-mobile {
display: none;
}

.article-contents ul {
position: -webkit-sticky;
position: sticky;
top: 6rem;
border-radius: var(--radius);
padding: 2rem;
max-height: 80vh;
overflow-y: auto;
}

.article-contents ul a {
font-size: 0.75rem;
background: var(--clr-grey-3);
border-radius: 5px;
padding: 5px;
}

.cart-social a {
width: 250px;
}

.hero-center {
grid-template-columns: repeat(2, 1fr);
}
}