From 92de5830404f83aa96a54c8f8bd4d9531fc6e4d3 Mon Sep 17 00:00:00 2001
From: Vivek Teega <vivek.teega@gmail.com>
Date: Mon, 20 Jul 2020 20:28:00 +0530
Subject: [PATCH] Responsive YouTube embedd

---
 index.html | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)
diff --git a/index.html b/index.html
index 0e9e5df..492a8b1 100644
--- a/index.html
+++ b/index.html
@@ -174,6 +174,8 @@
 			}
 		}
 	</style>
+
+<style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style>
 </head>
 
 <body class="is-preload" onload="onLoadStartUp()">
@@ -265,11 +267,11 @@
 								</tr>
 								<tr>
 									<td>Passionate</td>
-									<td>Rs 10000 per month</td>
+									<td>Rs 7000 per month</td>
 								</tr>
 								<tr>
 									<td>Self Realized</td>
-									<td>Rs 30000 per month</td>
+									<td>Rs 10000 per month</td>
 								</tr>
 							</tbody>
 						</table>
@@ -285,7 +287,8 @@
 			<article id="projects">
 
 				<h2 class="major">Projects</h2>
-				<span class="image main"><iframe width="560" height="315" src="https://www.youtube.com/embed/CrfXqwy_d2I" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></span>
+				<div class='embed-container'><iframe src='https://www.youtube.com/embed/CrfXqwy_d2I' frameborder='0' allowfullscreen></iframe></div>
+				<br>
 				<h4>Select Project</h4>
 				<form id="projectform" autocomplete="off" onsubmit="return false">
 					<div class="fields" id='projectlist'>
