نوشته‌های بلاگ

.video-container { display: grid; grid-template-columns: repeat(4, 1fr); /* چهار ستون مساوی */ gap: 10px; /* فاصله بین ویدئوها */ height: 50vh; /* نصف ارتفاع صفحه */ } .video-container video { width: 100%; height: 100%; object-fit: cover; /* تصویر ویدئو کل باکس رو پر کنه */ }

ادامه مطلب

.video-row { display: flex; justify-content: center; flex-wrap: wrap; margin: 20px 0; } .video-row video { width: 45%; /* تقریبا نصف صفحه */ margin: 10px; height: auto; }

ادامه مطلب