}
}
-@media screen and (max-width: 400px) and (min-resolution: 1.5dppx) {
+@media screen and (max-width: 500px) {
.videos {
text-align: center;
/deep/ .video-miniature {
padding-right: 0;
- height: 215px;
+ height: auto;
width: 100%;
+ margin-bottom: 20px;
.video-miniature-information {
- width: 100%;
+ width: 100% !important;
+
+ span {
+ width: 100%;
+ }
}
/deep/ .video-thumbnail {
width: 100%;
img {
+ height: auto;
width: 100%;
}
}