From 73362e16c6e382f1996588e90359c145c4fde52e Mon Sep 17 00:00:00 2001
From: Keplyx <keplyx@gmail.com>
Date: Sat, 9 Jun 2018 15:40:54 +0200
Subject: [PATCH] Fixed video breaking layout on mobile

---
 assets/css/style.css | 9 +++++++++
 prevs.php            | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index e317e8e..8d8a216 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -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;
diff --git a/prevs.php b/prevs.php
index 6b2d8b2..983b971 100644
--- a/prevs.php
+++ b/prevs.php
@@ -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>