Fixed Few Things And Added Creators.php for Mobile!

Author: r-carissimi

creators.php

@@ -14,11 +14,11 @@
 		  					$randindex = rand (0,count($videos)-1);
 						?>
 
-						<h1><?php echo $videos[$randindex][1]; ?> </h1><br /><br />
+						<h1 class="videos_title"><?php echo $videos[$randindex][1]; ?> </h1><br /><br />
 						<p>
 
 								<?php
-		                echo "<iframe class=\"video\" width=\"820\" height=\"630\" align=\"left\" src=\"https://www.youtube.com/embed/".$videos[$randindex][0]."\" frameborder=\"0\" allowfullscreen=\"\"></iframe>";
+		                echo "<iframe class=\"video\" align=\"left\" src=\"https://www.youtube.com/embed/".$videos[$randindex][0]."\" frameborder=\"0\" allowfullscreen=\"\"></iframe>";
 								?>
 
 								<?php echo "<br><span class=\"videos_text\">" .$videos[$randindex][2] . "</span>"; ?>

css/stile.css

@@ -77,6 +77,8 @@ a:hover {
     margin-right:30px;
     padding-bottom: 50px;
     position: relative;
+    width: 820px;
+    height: 630px;
 }
 .mobile_bottom {
     display: none;
@@ -150,7 +152,7 @@ a:hover {
 
 @media screen and (min-device-width: 930px) and (max-device-width: 1500px) {
     .video {
-        padding-right: 100%;
+        width: 100%;
     }
 }
 @media screen and (min-device-width: 190px) and (max-device-width: 930px) {
@@ -193,6 +195,13 @@ a:hover {
         width: 100%;
         padding-right: 20px;
     }
+    .video {
+        width: 100%;
+        height: auto;
+    }
+    .videos_text, .videos_title {
+      color: white;
+    }
 
     /* IDs */