DV8/GameExpo22
1
0
Fork 0
mirror of https://github.com/Fluffy-Bean/GameExpo.git synced 2025-05-22 03:14:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed gallery

Browse source
This commit is contained in:
Michał Gdula 2022-06-08 14:45:24 +01:00
parent 9f2fe2fc43
commit 3728ca6625
7 changed files with 68 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

50
css/team.css
View file

@ -1,3 +1,11 @@
/*
When page thin content stacks
*/
#team div:last-child {
justify-content: center;
align-items: center;
}
#team div img {
/*width: 100%;*/
max-width: 20em;
@ -21,15 +29,40 @@
#team div div {
display: block;
}
#teams div p {
#team div p {
margin: 0 !important;
}
#team div span {
margin: 0 0.5em;
}
#team .gallery {
display: flex;
flex-direction: column;
}
#team .gallery div {
margin: auto -1em -1em;
display: flex;
}
#team .gallery div img {
margin: 0.5em;
min-width: none;
max-width: 100%;
height: 23em;
object-fit: cover;
}
#team .gallery h3 {
font-size: 24px;
margin: 0;
}
/*
When page is too thin, the picture and text stacks
Normal page view
*/
@media (min-width:621px) {
@ -40,4 +73,17 @@
#team div img {
min-width: 15em;
}
#team .gallery div img {
margin: 0.5em;
max-width: calc(50% - 1em);
width: 100%;
min-width: 20em;
}
#team .gallery div {
margin: auto -0.5em -0.5em;
flex-wrap: wrap;
justify-content: space-around;
}
}