update index.html

index.html

@@ -6,6 +6,7 @@
     <meta name="google-site-verification" content="KIWWh3XFstCGuYOO_anEFzjsd9x_BeAXe645qFc5K54" />
     <meta name="description" content="Descriptive, keyword-rich text that talks about the page content goes here.">
     <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="responsive.css">
 
     <title>Let's Try Edit2 - Text Editor</title>
 </head>
@@ -62,7 +63,7 @@ <h2 class="two" id="section2">2. How to Use "Edit2"</h2>
 
             <p><b>[Original Video]↓</b></p>
 
-            <iframe width="350" height="280" 
+            <iframe class="video_indexsec2"
                 src="https://www.youtube.com/embed/yOEOmGiE1mg" 
                 title="Let&#39;s Try Edit2 - Text Editor (Original version)" 
                 frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 

responsive.css

@@ -17,3 +17,24 @@
         width: 100%;
     }
 }
+
+/* class="video_indexsec2" */
+@media (min-width: 1000px) {
+    .translations {
+        width: 60%;
+    }
+}
+
+@media (max-width: 1000px) {
+    .translations {
+        width: 80%;
+        margin-bottom: 50px;
+    }
+}
+
+@media (max-width: 670px) {
+    .translations {
+        width: 90%;
+    }
+}
+