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; text-shadow: #000 0 0 1px;
} }
.video {
width: 480px;
height: 270px;
}
/******************************************************************************* /*******************************************************************************
Full-Width Styles Full-Width Styles
*******************************************************************************/ *******************************************************************************/
@ -448,6 +453,10 @@ Small Device Styles
body { body {
font-size: 14px; font-size: 14px;
} }
.video {
width: 240px;
height: 135px;
}
.inner { .inner {
min-width: 320px; min-width: 320px;
max-width: 480px; 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 ! Surtout, si t'as un problème, hésite pas à les embêter !
</p> </p>
<p>Voici une petite video pour t'expliquer les bases :</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> allow="autoplay; encrypted-media" allowfullscreen></iframe>
<h3>Contact d'urgence</h3> <h3>Contact d'urgence</h3>
<p> <p>