Training:Videos: Difference between revisions

Videos

Revision as of 23:20, 18 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

@@ Line 76: / Line 76: @@
 <html>
 <style>
-    .youtube-video-row {
+   .youtube-video-row {
      display: flex;
      flex-wrap: wrap;
-     justify-content: center;
+     justify-content: space-around;
-     gap: 10px; /* Space between videos */
+     gap: 20px; /* Adjust the space between videos */
+    padding: 10px;
 }
-.youtube-video-row .widget {
+.youtube-video-row iframe {
-     flex: 1;
+     flex: 1 0 30%; /* Each video takes up roughly 30% of the container width */
-     min-width: 300px; /* Minimum width of each video */
+     max-width: 360px; /* Maximum width of each video */
-     max-width: 100%; /* Maximum width to ensure responsiveness */
+     border-radius: 10px; /* Optional: Rounded corners for the video */
 }
 @media (max-width: 768px) {
-     .youtube-video-row .widget {
+     .youtube-video-row iframe {
-         flex-basis: 100%; /* Full width on smaller screens */
+         flex-basis: 100%; /* On smaller screens, each video takes full width */
      }
 }