From 24944f09eff5b378619a0f6ccc855caa7e8d9a68 Mon Sep 17 00:00:00 2001
From: MickGe <59394233+MickGe@users.noreply.github.com>
Date: Mon, 31 Jul 2023 15:19:33 +0200
Subject: [PATCH] dimensionne l'iframe proportionnellement
---
assets/css/custom.css | 8 ++++++++
index.md | 2 +-
2 files changed, 9 insertions(+), 1 deletion(-)
diff --git a/assets/css/custom.css b/assets/css/custom.css
index 32e25e2..3dc73d0 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -1,3 +1,11 @@
:root {
--couleur-primaire : #993B1F;
+}
+
+iframe {
+ max-width: 100%;
+}
+
+iframe[width="560"] {
+ aspect-ratio: 16/9;
}
\ No newline at end of file
diff --git a/index.md b/index.md
index 6f8b667..90d8330 100644
--- a/index.md
+++ b/index.md
@@ -11,7 +11,7 @@ Par exemple, ce site est fait grâce à Scribouilli 😁
Pour le tester, [c'est par ici](https://scribouilli.github.io/scribouilli)
-
+
(il y a déjà eu de nombreuses améliorations depuis cette vidéo !)