forked from rebillar/site-accueil-insa
Fixed video breaking layout on mobile
This commit is contained in:
parent
10ad14097a
commit
73362e16c6
2 changed files with 10 additions and 1 deletions
|
@ -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;
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue