chansons.php finito

assets/css/page/chansons.css

@@ -1,6 +1,11 @@
+iframe {
+	width: 50vw;
+	aspect-ratio: 560/315;
+}
+
 #music {
 	display: block;
-	width: 80%;
+	width: 80vw;
 	padding: 0;
 	margin: auto;
 	margin-top: 20px;
@@ -22,5 +27,14 @@
 	color: black;
 	margin: 0px;
 	padding: 10px 0px 10px 0px;
+}
 
+#desc {
+	display: block;
+	background-color: rgba(255,255,255,0.3);
+	width: 80vw;
+	margin: auto;
+	padding: 50px;
+	font-size: 1.2rem;
+	margin-top: 40px;
 }

chansons.php

@@ -6,7 +6,7 @@ function music($name, $link) {
 	echo "<div class='title_music'>".$name."</div>";
 	echo "<ul>";
 
-	echo '<iframe width="560" height="315" src="';
+	echo '<iframe src="'; // width="560" height="315"
 	echo $link;
 	echo '" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';
 
@@ -24,9 +24,12 @@ function music($name, $link) {
         <span class="circles circles-top"></span>
         <span class="circles circles-bottom"></span>
     </div>
-	<p>A l'INSA, Toulouse, les chansons sont très importantes, vous allez en chanter beaucoup et très fort pendant votre semaine d'intégration.
 
-	Pour que tu sois prêt pour cette semaine et pour l'entièreté de ta vie étudiante, on pense que c'est important que tu connaisses les chansons suivantes:</p>
+    <div id="desc">
+		<p>A l'INSA, Toulouse, les chansons sont très importantes, vous allez en chanter beaucoup et très fort pendant votre semaine d'intégration.
+
+		Pour que tu sois prêt pour cette semaine et pour l'entièreté de ta vie étudiante, on pense que c'est important que tu connaisses les chansons suivantes:</p>
+	</div>
 
     <br><br>
 	<?= music("Manau - La tribu de Dana", "https://www.youtube.com/embed/_YXjuDdcH3g"); ?>