Adapt to lower end devices (really small phones)

This commit is contained in:
Yohan Boujon 2024-02-10 11:09:11 +01:00
parent 71bce7efa3
commit 7baa66594e
4 changed files with 32 additions and 16 deletions

View file

@ -201,7 +201,7 @@
.footer-text p {
font-family: 'Urbanist', sans-serif;
font-weight: 600;
font-size: minmax(2dvh, 1.25rem);
font-size: clamp(0.5rem, 4vw, 1.25rem);
color: var(--color-background);
margin: 0.5rem;
}

View file

@ -12,6 +12,10 @@
justify-content: center;
align-items: center;
}
.flag-text p {
margin: 0.5rem;
}
}
@media screen and (max-width: 1000px) {
@ -33,6 +37,11 @@
margin-left: 10vw !important;
margin-right: 10vw;
}
.flag-text p {
margin: 0.5rem;
font-size: 1.25rem;
}
}
.flag-img {
@ -50,10 +59,6 @@
font-weight: 600;
}
.flag-text p {
margin: 0.5rem;
}
.flag-size {
width: 2rem;
height: 2rem;

View file

@ -19,6 +19,17 @@
color: var(--color-subtitle);
filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15));
}
.section-h1 {
margin-left: 2rem;
font-size: 2.5rem;
}
.section-h2 {
margin-left: 1rem;
font-size: 1.5rem;
color: var(--color-subtitle);
}
}
@media screen and (max-width: 1000px)
@ -43,15 +54,15 @@
color: var(--color-subtitle);
filter: drop-shadow(0px 6px 4px rgba(0, 0, 0, 0.15));
}
}
.section-h1 {
margin-left: 2rem;
font-size: 2.5rem;
}
.section-h2 {
margin-left: 1rem;
font-size: 1.5rem;
color: var(--color-subtitle);
.section-h1 {
margin-left: 0.5rem;
font-size: clamp(1.5rem, 8vh, 2.5rem);
}
.section-h2 {
margin-left: 0.5rem;
font-size: clamp(0.8rem, 8vh, 1.2rem);
color: var(--color-subtitle);
}
}

View file

@ -82,6 +82,6 @@
.slideshow_btn:active {
transform: translateY(3px);
transform: translateY(6px);
box-shadow: 0px 4px 12px -1px #0174BE70;
}