pro/2022_WEBSITE_kosmopolit
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

test avec les poissons

Browse Source
This commit is contained in:
hugogogo
2021-02-21 16:52:32 +01:00
parent d5df4a5a85
commit 3cfee6d1ae
2 changed files with 103 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
styles/images.css
View File

@@ -70,9 +70,6 @@
.gallery .card {
display: flex;
flex-direction: column;
flex-wrap: wrap;
/*
*/
flex: 1;
padding: 0px;
margin: 0px;
@@ -86,7 +83,7 @@
}
.gallery .card img {
/*height of imgs hence of lines*/
max-height: var(--gallery-img-height);
height: var(--gallery-img-height);
/*appearence of border of imgs*/
border-style: solid;
border-width: var(--gallery-img-border-width);
@@ -114,6 +111,7 @@
border-color: var(--gallery-frame-color);
}
.gallery.frame .card > * {
/*the auto is what avoid img to stretch towards edges*/
margin: var(--gallery-gap-unit) auto;
}
@@ -126,23 +124,33 @@
.galery .card {
display: flex;
flex-direction: column;
margin: 20px;
margin-left: 0px;
/* flex: 1; =
flex: 1 0 0;
or
/*
flex-grow: 1;
flex-shrink: 0;
flex-basis: 0;
*/
flex: 0 1 0;
border: 1px solid black;
flex: 1 1 0;
padding: 0px;
margin: 20px 20px 20px 0px;
}
.galery .card .image {
display: flex;
width: 100%;
background-color: hsl(0, 0%, 95%);
}
.galery .card img {
margin: 0px;
height: 200px;
border: 1px solid lightgrey;
}
.galery .card p {
margin-left: 0px;
}
.galery .card > * {
margin: 10px auto;
flex: 1 1 auto;
margin: 5px auto;
}
.galery::after {
content: "";
flex: 100;
}