Hey Vince,
After my investigation, I found out that in Section 7 > Row and Section 7 > Row > Column, you have inserted this broken HTML code in the element Inline CSS:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Embedded Video</title>
<style>
.video-container {
position: relative;
width: 100%; /* Adjust the width as needed */
padding-bottom: 177.77%; /* 9:16 aspect ratio for vertical video */
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="video-container">
<iframe src="https://www.youtube.com/embed/t46FtWZvNf8?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Embedded Video</title>
<style>
.video-container {
width: 560px; /* Adjust the width as per your video's width */
height: 315px; /* Adjust the height as per your video's height */
float: right; /* Align to right side of screen */
margin-left: 20px; /* Optional: Add some space between the video and other content */
}
.video-container iframe {
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class="video-container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/t46FtWZvNf8?rel=0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; enc
These codes were removed by me already and now, the issue is fixed.
