Kelder/durfdoen-2.0
33
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

style photo highlights

Browse source
This commit is contained in:
Ilion Beyst 2020-09-18 16:57:32 +02:00
parent 744c623754
commit a8243e8156
1 changed files with 16 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
content/stylesheets/main.css
View file

@ -489,6 +489,7 @@ h2 {
margin: auto; margin: auto;
gap: 20px; gap: 20px;
place-items: center; place-items: center;
max-width: 1100px;
} }
@media only screen and (max-width: 1100px) { @media only screen and (max-width: 1100px) {
@ -777,18 +778,23 @@ h2 {
.showcase-image > img { .showcase-image > img {
flex-grow: 3; flex-grow: 3;
max-height: 20rem; max-height: 20rem;
max-width: 80vw; max-width: 100%;
object-fit: scale-down; object-fit: scale-down;
} }
.showcase-container { .showcase-container {
display: flex; display: flex;
flex-wrap: wrap;
justify-content: center; justify-content: center;
gap: 1rem; gap: 1rem;
width: 100%; width: 100%;
} }
@media only screen and (max-width: 1100px) {
.showcase-container {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.tile-grid { .tile-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
@ -828,6 +834,14 @@ h2 {
margin: auto; margin: auto;
} }
.details-photo {
max-width: 1100px;
padding: 2rem 10%;
margin: auto;
display: flex;
flex-wrap: wrap;
}
.details-contact { .details-contact {
padding: 1rem; padding: 1rem;
margin: auto; margin: auto;