diff --git a/css/styles.css b/css/styles.css index 9b4e195..8f291ac 100644 --- a/css/styles.css +++ b/css/styles.css @@ -580,7 +580,7 @@ img { } /* Media Queries */ -@media (max-width: 1200px) and (min-width: 769px) { +@media (max-width: 1200px) and (min-width: 1001px) { .sidebar { width: 70px; } @@ -646,13 +646,7 @@ img { } } -@media (max-width: 992px) { - .video-grid { - grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); - } -} - -@media (max-width: 768px) { +@media (max-width: 1000px) { .sidebar { display: none; } @@ -702,6 +696,12 @@ img { } } +@media (max-width: 992px) { + .video-grid { + grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); + } +} + @media (max-width: 576px) { .video-grid { grid-template-columns: 1fr;