stiti/SAE_S1.05_S1.06
stiti/SAE_S1.05_S1.06
1
6
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

V5

Browse Source
This commit is contained in:
Moncef STITI 2024-01-18 17:39:40 +01:00
parent 5a6e9f45ec
commit c473a6be74
2 changed files with 29 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/fournisseurs.css
View File

@ -4,7 +4,7 @@
.fournisseur img { .fournisseur img {
max-width: 100%; max-width: 100%;
width: 20%; width: 250px;
margin-bottom: 10px; margin-bottom: 10px;
} }

35
css/menu.css
View File

@ -41,12 +41,17 @@
color: #1a1a1a; color: #1a1a1a;
} }
.menu-elements {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.menu-element { .menu-element {
margin-bottom: 25px; text-align: center;
background-color: #f9f9f9; width: calc(33.33% - 20px); /* 33.33% pour afficher trois éléments par ligne avec une marge de 20px entre eux */
padding: 20px; box-sizing: border-box;
border-radius: 10px; margin-bottom: 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
} }
.menu-element img { .menu-element img {
@ -55,22 +60,38 @@
height: auto; height: auto;
border-radius: 10px; border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
margin: 0 auto;
} }
.menu-element h4 { .menu-element h4 {
font-size: 22px; font-size: 22px;
color: #333; color: #333;
margin-bottom: 10px; margin-bottom: 10px;
margin: 0 auto;
} }
.menu-element p { .menu-element p {
font-size: 16px; font-size: 16px;
line-height: 1.5; line-height: 1.5;
margin: 0 auto;
} }
.prix { .prix {
font-weight: bold; font-weight: bold;
color: #ff8c00; color: #ff8c00;
font-size: 18px; /* Taille de police plus grande pour une meilleure visibilité */ font-size: 18px;
margin-top: 8px; /* Espacement du prix par rapport à la description */ margin-top: 8px;
margin: 0 auto;
} }
@media only screen and (max-width: 767px) {
.menu-elements {
flex-direction: column; /* Afficher les éléments en colonne sur les petits écrans */
}
.menu-element {
width: 100%;
}
}