diff --git a/css/index.css b/css/index.css new file mode 100644 index 0000000..f811ad3 --- /dev/null +++ b/css/index.css @@ -0,0 +1,40 @@ +body { + margin: 0; + padding: 0; + font-size: 18px; /* Taille de base pour les grands écrans */ +} + +h1 { + font-size: 24px; /* Taille de base pour les titres sur les grands écrans */ + margin: 0.5em; +} + +ul { + list-style-type: none; + padding: 1em; +} + +li { + margin-bottom: 10px; +} + +a { + text-decoration: none; + color: #1F51FF; + font-weight: bold; +} + +/* Requêtes média pour les écrans de moins de 600px de large */ +@media (max-width: 600px) { + body { + font-size: 8vw; /* Augmente la taille de la police sur les petits écrans */ + } + + h1 { + font-size: 5.5vw; /* Augmente la taille de la police des titres sur les petits écrans */ + } + + ul, li { + padding: 3vw; /* Augmente le padding pour plus d'espace */ + } +} diff --git a/index.php b/index.php new file mode 100644 index 0000000..7f9eb68 --- /dev/null +++ b/index.php @@ -0,0 +1,17 @@ + + +
+