Benjamin/LesRecettesDePapis
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

on demande Je push

Browse Source
This commit is contained in:
Lycano
2026-03-27 13:52:40 +01:00
parent 6f84d81e1c
commit f18d95766a
2 changed files with 51 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
main.css
View File

@@ -303,9 +303,34 @@ ul {
justify-content: center;
}
.recette-div-info {
display: flex;
flex-direction: row;
}
.recette-div-liste-info{
padding: 50px;
margin: 10px;
}
.recette-liste-info-elem {
text-align: left;
}
.recette-liste-info {
display: flex;
flex-direction: column;
}
.recette-liste-tag {
display: flex;
flex-direction: row;
}
/*description*/
.recette-desc {
padding : 10px;
padding : 30px;
}
/*Login form*/

27
recette-en-dur.php
View File

@@ -16,8 +16,31 @@
<h1>TARTE AU POMME</h1>
</div>
<div class="recette-content">
<div class="recette-div-image">
<img class="recette-image" src="random-recette.jpg">
<div class="recette-div-info">
<div class="recette-div-image">
<img class="recette-image" src="random-recette.jpg">
</div>
<div class="recette-div-liste-info">
<ul class="recette-liste-info">
<li class="recette-liste-info-elem">date d'upload</li>
<li class="recette-liste-info-elem">temps de préparation</li>
<li class="recette-liste-info-elem">nombre d'ingrédient</li>
</ul>
<ul class="recette-liste-tag">
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
<li class="tag tag-unselected">tag</li>
</ul>
</div>
</div>
<div class = "recette-desc">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ultricies aliquet dignissim. Proin venenatis libero at erat rutrum consectetur. Morbi ut justo ex. Quisque ante mi, feugiat nec turpis ac, feugiat tristique magna. Nunc vitae aliquet mauris, consectetur convallis magna. Suspendisse rutrum sagittis tempor. Sed maximus vulputate vestibulum. Nam arcu enim, finibus id vestibulum in, cursus ac urna. Sed sodales, lacus hendrerit varius sollicitudin, dolor erat porttitor est, fringilla iaculis metus justo et sapien. Ut eget pharetra orci. Morbi at egestas tellus. Praesent porta elit non tempus rhoncus. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc vitae convallis eros, et tristique leo. Vestibulum vitae ultrices erat.