@media (min-width: 768px) and (max-width: 1024px) { .container {
max-width: 100%;
padding: 0 2rem;
} .topbar {
padding: 1.2rem 0;
}
.topbar-social a {
width: 36px;
height: 36px;
font-size: 14px;
}
.topbar-logo a {
font-size: 1.6rem;
}
.primary-menu {
gap: 1.5rem;
}
.primary-menu a {
font-size: 0.95rem;
padding: 0.8rem 1rem;
} .home-layout {
grid-template-columns: 1fr 250px;
gap: 2rem;
}
.home-sidebar-left {
display: none;
} .articles-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
} .hero-article {
min-height: 350px;
}
.hero-article-image {
height: 350px;
}
.hero-article-title {
font-size: 1.8rem;
} .category-grid {
grid-template-columns: repeat(2, 1fr) !important;
gap: 1.5rem;
} .category-hero-image {
height: 0;
padding-bottom: 56.25%;
}
.category-list-item {
grid-template-columns: 200px 1fr;
gap: 1.5rem;
}
.category-list-image {
height: 150px;
} .single-post-layout {
grid-template-columns: 1fr;
gap: 2rem;
}
.article-sidebar {
width: 100%;
}
.article-header-image {
height: 400px;
}
.article-main {
padding: 2rem;
}
.article-title {
font-size: 2rem;
}
.article-content h2 {
font-size: 1.6rem;
} .footer-columns {
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
} @media (min-width: 768px) and (max-width: 834px) and (orientation: portrait) {
.home-layout {
grid-template-columns: 1fr;
}
.home-sidebar-right {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
.articles-grid {
grid-template-columns: 1fr;
} .single-post-layout {
grid-template-columns: 1fr;
}
.article-sidebar {
width: 100%;
margin-top: var(--spacing-2xl);
}
} @media (min-width: 1024px) and (max-width: 1024px) and (orientation: landscape) {
.home-layout {
grid-template-columns: 220px 1fr 220px;
}
.home-sidebar-left {
display: block;
} .single-post-layout {
grid-template-columns: 1fr 250px;
}
}