louis/homepage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity Actions

better experience on mobile and touchscreens

Browse source
This commit is contained in:
Louis Guidez reind33r 2024-02-07 21:50:41 +01:00
parent 2a6fd3faff
commit 62ce7b242c
1 changed files with 16 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
src/style.css
View file

@ -112,13 +112,18 @@ h2#subtitle > span > span {
position: absolute; position: absolute;
left: 1rem; left: 1rem;
bottom: 0; bottom: 0;
height: min(80vh, 100vh - 10.5rem);
height: 80vh;
min-height: 15rem; min-height: 15rem;
width: auto; max-height: calc(100vh - 10.5rem);
max-width: calc(100vw - 15em);
object-fit: contain;
object-position: left bottom;
} }
i svg { i svg {
height: 2em; height: 2.5em;
color: #131721; color: #131721;
fill: currentColor; fill: currentColor;
} }
@ -142,8 +147,16 @@ ul#contact {
} }
#photo { #photo {
max-height: 50vh; max-height: 50vh;
max-width: none;
} }
ul#contact { ul#contact {
flex-direction: column; flex-direction: column;
} }
}
@media (pointer:coarse) {
i svg {
height: 3em;
padding: .5em 0;
}
} }