Fixed video breaking layout on mobile

This commit is contained in:
Keplyx 2018-06-09 15:40:54 +02:00
parent 10ad14097a
commit 73362e16c6
2 changed files with 10 additions and 1 deletions

View file

@ -150,6 +150,11 @@ td {
text-shadow: #000 0 0 1px;
}
.video {
width: 480px;
height: 270px;
}
/*******************************************************************************
Full-Width Styles
*******************************************************************************/
@ -448,6 +453,10 @@ Small Device Styles
body {
font-size: 14px;
}
.video {
width: 240px;
height: 135px;
}
.inner {
min-width: 320px;
max-width: 480px;

View file

@ -12,7 +12,7 @@ ob_start(); // Start reading html
Surtout, si t'as un problème, hésite pas à les embêter !
</p>
<p>Voici une petite video pour t'expliquer les bases :</p>
<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
<iframe class="video" src="https://www.youtube-nocookie.com/embed/Eak9JO1zO2U?rel=0" frameborder="0"
allow="autoplay; encrypted-media" allowfullscreen></iframe>
<h3>Contact d'urgence</h3>
<p>