Skip to content

Commit d6f10c5

Browse files
ArhellArhell
committed
add responsive wrapper video
1 parent 6da0d2e commit d6f10c5

File tree

2 files changed

+26
-3
lines changed

2 files changed

+26
-3
lines changed

‎css/codeception.css‎

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1492,4 +1492,19 @@ body #footer .links {
14921492
.intro-block .pull-right {
14931493
float: right !important;
14941494
}
1495+
}
1496+
1497+
.iframe-wrapper {
1498+
position: relative;
1499+
padding-bottom: 56.25%;
1500+
padding-top: 25px;
1501+
height: 0;
1502+
}
1503+
1504+
.iframe-wrapper iframe {
1505+
position: absolute;
1506+
top: 0;
1507+
left: 0;
1508+
width: 100%;
1509+
height: 100%;
14951510
}

‎video.html‎

Lines changed: 11 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,21 +9,29 @@ <h2>Getting Started with Codeception</h2>
99

1010
<p>By Reval Govender</p>
1111

12-
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrIm-p2rpV0Hu9EvTidyYG1vsX0LWIM7Q" frameborder="0" allowfullscreen></iframe>
12+
<div class="iframe-wrapper">
13+
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrIm-p2rpV0Hu9EvTidyYG1vsX0LWIM7Q" frameborder="0" allowfullscreen></iframe>
14+
</div>
1315

1416
<h2>How to TDD a REST API in Laravel</h2>
1517

1618
<p>By Reval Govender</p>
1719

1820
<p>This is a detailed course covering how to build a RESTful API using Laravel and Codeception</p>
1921

20-
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrIm-p2rpV0F-rl4NPjNslEmW-D83AHOr" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
22+
<div class="iframe-wrapper">
23+
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLrIm-p2rpV0F-rl4NPjNslEmW-D83AHOr" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
24+
</div>
25+
2126

2227
<h2>Codeception in PhpStorm</h2>
2328

2429
<p>By Gary Hockin</p>
2530

26-
<iframe width="560" height="315" src="https://www.youtube.com/embed/B3PE7w-jvjQ" frameborder="0" allowfullscreen></iframe>
31+
<div class="iframe-wrapper">
32+
<iframe width="560" height="315" src="https://www.youtube.com/embed/B3PE7w-jvjQ" frameborder="0" allowfullscreen></iframe>
33+
</div>
34+
2735

2836
<h2>Codeception Laracasts Videos</h2>
2937

0 commit comments

Comments
 (0)