Merge branch 'main' of https://gitea.zkd.ca/Dev_Web/web01

www/armures.html

@@ -48,24 +48,27 @@
                     incinération destructrice, laissant des cadavres calcinés et des cendres dériver dans sa mer
                     écarlate.
                 </p>
-                <div class="habilites">
-                    <h3>Habilités</h3>
-                    <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
-                    <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec le
-                        temps,
-                        consommant de l’énergie une fois sa
-                        jauge pleine. Relancez le sort pour éteindre les flammes.
-                    </p>
-                    <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
-                        ennemis
-                        et détruit leur armure.</p>
-                    <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
-                        ennemis
-                        dans un feu capable de se propager dans leurs rangs.</p>
-                </div>
+                <div class="habilites-row">
+                    <div class="habilites">
+                        <h3>Habilités</h3>
+                        <p>Boule de feu : Lance un projectile enflammé qui embrase les ennemis au contact.</p>
+                        <p>Immolation : Protégez Ember avec une armure de flammes dont la combustion s’intensifie avec
+                            le
+                            temps,
+                            consommant de l’énergie une fois sa
+                            jauge pleine. Relancez le sort pour éteindre les flammes.
+                        </p>
+                        <p>Explosion de feu : Frappez le sol pour créer une vague de plasma incinérant qui repousse les
+                            ennemis
+                            et détruit leur armure.</p>
+                        <p>Inferno : Commandez une comète enflammée qui s'écrasera devant des braises, engloutissant les
+                            ennemis
+                            dans un feu capable de se propager dans leurs rangs.</p>
+                    </div>
 
-                <div class="habilites-video">
-                    <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                    <div class="habilites-video">
+                        <video src="./medias/mediasAndres/Ember.mp4" autoplay muted loop playsinline></video>
+                    </div>
                 </div>
             </div>
         </section>

www/css/style.css

@@ -700,10 +700,17 @@ blockquote a {
 .armures .perso .content {
     position: relative;
     z-index: 10;
+    flex-direction: row;
+    gap: 30px;
+    align-items: flex-start;
+}
+
+.armures .perso .habilites-row {
     display: flex;
     flex-direction: row;
     gap: 30px;
     align-items: flex-start;
+    margin-top: 20px;
 }
 
 .armures .perso .habilites-video {
@@ -713,7 +720,7 @@ blockquote a {
 }
 
 .armures .perso .habilites-video video {
-    width: 30%;
+    width: 100%;
     height: auto;
     border-radius: 10px;
     display: block;