Skip to content

Commit f576f80

Browse files
authored
Merge pull request #28 from FlutterFlow/pooja/yt-iframe-fix
Add video-container class
2 parents 3c5e67a + 2252d11 commit f576f80

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

src/css/custom.css

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -111,4 +111,20 @@ div.alert {
111111

112112
.arcade-container {
113113
margin-bottom: 24px;
114+
}
115+
116+
.video-container {
117+
position: relative;
118+
width: 100%;
119+
padding-bottom: 56.25%; /* 16:9 aspect ratio */
120+
height: 0;
121+
overflow: hidden;
122+
}
123+
124+
.video-container iframe {
125+
position: absolute;
126+
top: 0;
127+
left: 0;
128+
width: 100%;
129+
height: 100%;
114130
}

0 commit comments

Comments
 (0)