des changements pour la version mobile

This commit is contained in:
hatemhellal
2024-12-06 09:47:39 +01:00
parent 6820913df4
commit d9bd33b378
4 changed files with 50 additions and 51 deletions

View File

@@ -1,10 +1,9 @@
.background{
background-color:#F5F5F5;}
.content-wrapper {
background-color:#F5F5F5;
display: flex;
gap: 20px;
align-items: flex-start;
gap: 20px;
align-items: flex-start;
}
.content-wrapper h1 {
text-align: center;
@@ -12,21 +11,18 @@ align-items: flex-start;
font-size: 2.5em;
margin: 20px 0;
text-transform: uppercase;}
.content-wrapper h2 {
font-size: 1em;
.content-wrapper h2 {
font-size: 1em;
}
.content-wrapper h2 a {
text-decoration: none; /* Supprime le soulignement */
cursor: default;
text-decoration: none; /* Supprime le soulignement */
cursor: default;
}
.content-wrapper h2 span {
color: #474405;
color: #474405;
}
.content-wrapper h4 {
text-align: center; /* Centre horizontalement le texte dans <h4> */
text-align: center; /* Centre horizontalement le texte dans <h4> */
}
.content-wrapper h4 a {
text-decoration: none; /* Supprime le soulignement */
@@ -49,6 +45,7 @@ align-items: flex-start;
color:#8B5E3C;
}
/* assets/main.css */
video {
border: 2px solid #474405;
border-radius: 8px;
@@ -59,19 +56,7 @@ margin: 20px auto;
/* assets/main.css */
/* Assure l'affichage en deux colonnes sur grand écran */
.content {
display: grid;
grid-template-columns: 1fr 1fr; /* Deux colonnes égales */
gap: 20px;
}
/* Sur mobile : affichage en une seule colonne */
@media (max-width: 768px) {
.content {
grid-template-columns: 1fr; /* Une seule colonne */
}
}