41 lines
778 B
CSS
41 lines
778 B
CSS
|
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 */
|
||
|
|
}
|
||
|
|
}
|