Videos
No edit summary
Tag: 2017 source edit
No edit summary
Tag: 2017 source edit
Line 62: Line 62:
     flex-wrap: wrap;
     flex-wrap: wrap;
     justify-content: center;
     justify-content: center;
     gap: 10px; /* Space between videos */
     gap: 10px;
}
}


Line 68: Line 68:
.youtube-video-row > iframe {
.youtube-video-row > iframe {
     flex: 1;
     flex: 1;
     min-width: 300px; /* Minimum width of each video */
     min-width: 300px;  
     max-width: 360px; /* Maximum width to ensure videos are not too large */
     max-width: 360px;
     border-radius: 15px; /* Rounded corners */
     border-radius: 15px;
     overflow: hidden; /* Ensures the border-radius applies to the iframe */
     overflow: hidden;
     height: 203px; /* Adjust height based on the aspect ratio */
     height: 203px;
}
}


@media (max-width: 768px) {
@media (max-width: 768px) {
     .youtube-video-row > iframe {
     .youtube-video-row > iframe {
         flex-basis: 100%; /* Full width on smaller screens */
         flex-basis: 100%;
         max-width: 100%; /* Allows the video to expand fully on smaller screens */
         max-width: 100%;
         height: auto; /* Adjust height for smaller screens */
         height: auto;
     }
     }
}
}

Revision as of 08:07, 19 January 2024

Training
EXPLORE MDriven through Video
INTRODUCING THE MDRIVEN VIDEO EXPERIENCE
Watch videos tailored to simplify everything you need to know about MDriven.
Check out the official MDriven YouTube here: www.youtube.com/@MDrivenOfficial

Default Heading Continue watching

Default Heading Continue watching

Default Heading Continue watching

Default Heading Continue watching

Default Heading Continue watching