Как сделать 2 видео бок о бок, центрированное и отзывчивое ⇐ CSS

[Anonymous]

Я пытаюсь добавить 2 видео бок о бок, которые находятся в центре и расположены правильно, а затем хочу сделать их адаптивными со вторым видео, упавшим под первым видео, чтобы оно могло быть сложенным на мобильных устройствах. Мой HTML, с которым я работаю: < /p>












< /code>

и мой CSS до сих пор: < /p>

#wrapper {
width: 920px;
height: 350px;
margin: 0 auto;
}

#home1 {
width: 400px;
height: 300px;
float: left;
}

#home2 {
width: 400px;
height: 300px;
float: right;
}

@media (max-width:767px) {
.home1 {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}
.home2 {
margin-left: 0;
}
}
< /code>

Заранее спасибо < /p>

Подробнее здесь: https://stackoverflow.com/questions/251 ... responsive