diff --git a/css/style.css b/css/style.css index bccc913b..cfe70a9c 100644 --- a/css/style.css +++ b/css/style.css @@ -64,6 +64,12 @@ header img { max-width: none; } +@media (min-width: 1024px) { + header img { + height: 5rem; + } +} + .container { max-width: 1480px; margin: 0 auto; @@ -94,6 +100,15 @@ header img { padding: 1.5rem 0; } +@media (min-width: 1024px) { + #videoList, + #subscriptionsVideoList, + #channelVideoList { + grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); + gap: 1.5rem; + } +} + /* Video Cards */ .video-card { background-color: var(--color-card); @@ -233,6 +248,17 @@ header img { margin-bottom: 0.75rem; } +@media (min-width: 1024px) { + .video-card .details { + padding: 1rem 1rem 1.125rem; + } + + .video-card h3 { + font-size: 1rem; + margin-bottom: 0.5rem; + } +} + /* Modal Player */ #playerModal { position: fixed;