diff options
| author | vlle1 <36682087+vlle1@users.noreply.github.com> | 2020-11-16 15:23:54 +0100 |
|---|---|---|
| committer | Dennis Kobert <dennis@kobert.dev> | 2020-11-18 18:26:25 +0100 |
| commit | cd93fb83e793dacdef0af35c9135cca269b6a676 (patch) | |
| tree | 59f3c37949f6584603c01bb08c3a582b00f0e79a | |
| parent | ab3d540a1da0d0567cdaba8e892a8aae874169aa (diff) | |
adjust iframe position
| -rw-r--r-- | index.html | 21 |
1 files changed, 12 insertions, 9 deletions
@@ -54,17 +54,20 @@ </div> </div> </div> - <div style="display: block; margin:auto; position: relative; padding-bottom: 42.2005571%; height: 0; overflow: hidden; width: 100%; height: auto;"> - <iframe style="position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> - </div> <div class="w3-row-padding w3-padding-64 w3-container"> <div class="w3-content"> <h1>Was erwartet dich auf dem Campus?</h1> - <div class="w3-padding-32 w3-text mcfont"> + <div class="w3-padding-64 w3-third w3-center"> + <div style="display: block; margin:auto; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; height: auto;" class="w3-half"> + <iframe style="position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%;" width="718" height="303" src="https://www.youtube-nocookie.com/embed/gusAH25c5Zk" frameborder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> + </div> + </div> + <div class="w3-twothird"> + <div class="w3-padding-32 w3-text mcfont" style="margin-left:5%"> <ol> <li>Erkunde den Campus anhand der Live-Karte (oben verlinkt) und vergleiche ihn mit der Realität (ich empfehle google maps).</li> <li>Erfahre mehr über die Gebäude auf dem Campus - an einigen finden sich kleine Texte mit Hintergründen.</li> @@ -73,7 +76,7 @@ </ol> </div> - + </div> </div> </div> <figure style="margin:0;"> |