IUT_Informatique/KyFlo
Archived
1
0
Fork 0
Code Activity

Revert "added flex container index"

Browse source 
This reverts commit 3e4c95bdff.
This commit is contained in:
Ethanell 2019-12-15 00:10:49 +01:00
parent 86056523b0
commit 870a917e50
2 changed files with 8 additions and 39 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
Assets/css.css
View file

@ -168,31 +168,3 @@ div#slider figure {
/*============================================*/ /*============================================*/
.flex-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: stretch;
background-color: rgb(187, 187, 187);
}
.flex-container>div {
box-shadow: 0.3vw 0.3vw 2px grey;
width: 20%;
margin: 1vw;
text-align: center;
font-size: 30px;
}
.flex-container>div>img{
width: 85%;
}
.flex-container>div>p{
font-size: 0px;
}
.flex-container>div:hover p{
font-size: 40px;
transition-duration: 0.2s;
}

17
index.html
View file

@ -33,16 +33,13 @@
</figure> </figure>
</div> </div>
<div class="content"> <div class="flex-container">
<div class="flex-container"> <div>Robot Nao</div>
<div><img src="Assets/Images/Produits/nao.png" alt><p>Nao</p></div> <div>Robot Valkyrie</div>
<div><img src="Assets/Images/Produits/valkyrie.png" alt><p>Valkyrie</p></div> <div>Robot Terminator</div>
<div><img src="Assets/Images/Produits/soldat.png" alt><p>Soldat</p></div> <div>Robot x</div>
<div><img src="Assets/Images/Produits/r2d2.png" alt><p>R2D2</p></div> <div>Robot y</div>
<div><img src="Assets/Images/Produits/pepper.png" alt><p>Pepper</p></div> </div>
<div><img src="Assets/Images/Produits/terminator.png" alt><p>Terminator</p></div>
</div>
</div>
</body> </body>