From 778de896bc2320c832860b6f9ba830f4ef6e0520 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?C=C3=A9dric=20FAMIBELLE-PRONZOLA?= Date: Wed, 9 Apr 2025 16:28:02 +0400 Subject: [PATCH] fix layout error --- css/video-page.css | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/css/video-page.css b/css/video-page.css index 7afad0f..c1017ab 100644 --- a/css/video-page.css +++ b/css/video-page.css @@ -670,15 +670,21 @@ @media (max-width: 992px) { .video-page { grid-template-columns: 1fr; + display: flex; + flex-direction: column; } .video-content { grid-column: 1; + width: 100%; + order: 2; } .video-suggestions { grid-column: 1; margin-top: 20px; + width: 100%; + order: 3; } .suggestion-list { @@ -689,6 +695,8 @@ .video-player-container { max-width: 100%; + width: 100%; + order: 1; } } @@ -733,20 +741,16 @@ @media (max-width: 576px) { .video-page { - display: flex; - flex-direction: column; gap: 20px; margin-top: 10px; } .video-player-container { - order: 1; margin-bottom: 0; } .video-content, .video-suggestions { - order: 2; width: 100%; }