bouh
This commit is contained in:
23
main.css
23
main.css
@@ -1,3 +1,14 @@
|
|||||||
|
/* Sommaire :
|
||||||
|
- body et html
|
||||||
|
- Header et ses contenues
|
||||||
|
- Body contenue
|
||||||
|
- Content
|
||||||
|
- Page de présentation des recettes
|
||||||
|
- Page d'une recette
|
||||||
|
- Footer
|
||||||
|
|
||||||
|
*/
|
||||||
|
|
||||||
/*Tout*/
|
/*Tout*/
|
||||||
html, body{
|
html, body{
|
||||||
height: 100%;
|
height: 100%;
|
||||||
@@ -110,12 +121,18 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
/*Ici commence le CSS pour la page de chaques recettes */
|
/*Ici commence le CSS pour la page de chaques recettes */
|
||||||
|
/*contenue*/
|
||||||
.recette-content {
|
.recette-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*titre*/
|
||||||
|
.recette-title {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*image*/
|
||||||
.recette-image {
|
.recette-image {
|
||||||
background-color: red;
|
background-color: red;
|
||||||
aspect-ratio: 1/1;
|
aspect-ratio: 1/1;
|
||||||
@@ -130,13 +147,11 @@ body {
|
|||||||
justify-content: center;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*description*/
|
||||||
.recette-desc {
|
.recette-desc {
|
||||||
padding : 10px;
|
padding : 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.recette-title {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/*Footer et son contenue*/
|
/*Footer et son contenue*/
|
||||||
footer{
|
footer{
|
||||||
|
|||||||
Reference in New Issue
Block a user