make video rounded corner

techmanch · Jul 17, 2024 · e7259b8 · e7259b8
1 parent 09d5bed
commit e7259b8
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 6 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/style.css b/css/style.css
@@ -965,4 +965,8 @@ a:focus {
 
 iframe[seamless] {
   border: none;
+}
+
+.rounded-corner-normal {
+  border-radius: 10px;
 }
diff --git a/index.html b/index.html
@@ -238,7 +238,8 @@ <h2>
         <div class="row">
           <div class="col-md-4 ">
             <div class="box ">
-              <iframe width="380" height="325" src="https://www.youtube.com/embed/aeL5OjxLjnw">
+              <iframe class="rounded-corner-normal" width="380" height="325"
+                src="https://www.youtube.com/embed/aeL5OjxLjnw">
               </iframe>
               <!-- <div class="img-box">
                 <img src="images/s1.png" alt="">
@@ -260,15 +261,15 @@ <h5>
           </div>
           <div class="col-md-4 ">
             <div class="box">
-              <iframe width="380" height="325" src="https://www.youtube.com/embed/UZZ21XwV-0c&"
-                style="margin-left: 10px;">
+              <iframe class="rounded-corner-normal" width="380" height="325"
+                src="https://www.youtube.com/embed/UZZ21XwV-0c" style="margin-left: 10px;">
               </iframe>
             </div>
           </div>
           <div class="col-md-4 ">
-            <div class="box ">
-              <iframe width="380" height="325" src="https://www.youtube.com/embed/_Ex8TlY6-sE"
-                style="margin-left: 10px;">
+            <div class="box">
+              <iframe class="rounded-corner-normal" width="380" height="325"
+                src="https://www.youtube.com/embed/_Ex8TlY6-sE" style="margin-left: 10px;">
               </iframe>
             </div>
           </div>