zev/zevthedev.com
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more fix

Browse Source
This commit is contained in:
Zev Averbach
2023-06-12 10:53:43 +02:00
parent b79aff1354
commit 3f17848256
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
1/baby-makes-an-ugly-website-in-100-seconds.html
View File

@@ -19,11 +19,13 @@
h1 { h1 {
color: #333; color: #333;
} }
.video-container {
max-width: 640px;
margin: 0 auto;
}
.video-wrapper { .video-wrapper {
position: sticky; position: sticky;
top: 0; top: 0;
max-width: 640px;
margin: 0 auto;
padding-bottom: 56.25%; /* 16:9 aspect ratio */ padding-bottom: 56.25%; /* 16:9 aspect ratio */
height: 0; height: 0;
overflow: hidden; overflow: hidden;
@@ -46,10 +48,12 @@
document.querySelector('.markdown-content').insertAdjacentHTML("beforeend", result); document.querySelector('.markdown-content').insertAdjacentHTML("beforeend", result);
</script> </script>
</div> </div>
<div class="video-container">
<div class="video-wrapper"> <div class="video-wrapper">
<iframe src="https://www.youtube.com/embed/QJ38en58Onk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> <iframe src="https://www.youtube.com/embed/QJ38en58Onk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>