/* Стили для сетки видео */ .video-grid-container { display: grid; grid-template-columns: repeat(3, 1fr); /* 3 колонки одинаковой ширины */ gap: 20px; /* Отступы между видео (по вертикали и горизонтали) */ margin-bottom: 30px; /* Отступ снизу перед ссылкой "All videos" */ } /* Делаем видео внутри ячеек адаптивными (чтобы не вылезали за края) */ .video-grid-container > div { width: 100%; } .video-grid-container iframe { width: 100%; aspect-ratio: 16 / 9; /* Сохраняет пропорции YouTube */ height: auto; } /* Адаптивность для планшетов: 2 колонки */ @media (max-width: 991px) { .video-grid-container { grid-template-columns: repeat(2, 1fr); } } /* Адаптивность для телефонов: 1 колонка */ @media (max-width: 575px) { .video-grid-container { grid-template-columns: 1fr; } } {videobox}NTvHMFE6YxA{/videobox} {videobox}SjPiXmNfMcA{/videobox} {videobox}7e6lkCo77ug{/videobox} {videobox}NTvHMFE6YxA{/videobox} {videobox}OiNV4s29VV0{/videobox} {videobox}b7UWhpKRWWc{/videobox} {videobox}TqeDye7wkdw{/videobox} {videobox}R4-AkyouYJ0{/videobox} {videobox}VmrnTD215Rs{/videobox} {videobox}5kfmgRM5Ed8{/videobox} {videobox}awY9vPaX1ys{/videobox} {videobox}GoW0teomIac{/videobox} {videobox}WtyivSFdazI{/videobox} {videobox}N0887FJ4Xl4{/videobox} {videobox}4u3Ot9fP5Ho{/videobox} {videobox}mjfRG1626ec{/videobox} {videobox}rY85PoNI6qc{/videobox} {videobox}oBq98YatGCE{/videobox} {videobox}93LOYPOknvw{/videobox} All videos