Adapt to lower end devices (really small phones)
This commit is contained in:
parent
71bce7efa3
commit
7baa66594e
4 changed files with 32 additions and 16 deletions
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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-h1 {
|
||||
margin-left: 0.5rem;
|
||||
font-size: clamp(1.5rem, 8vh, 2.5rem);
|
||||
}
|
||||
|
||||
.section-h2 {
|
||||
margin-left: 1rem;
|
||||
font-size: 1.5rem;
|
||||
color: var(--color-subtitle);
|
||||
.section-h2 {
|
||||
margin-left: 0.5rem;
|
||||
font-size: clamp(0.8rem, 8vh, 1.2rem);
|
||||
color: var(--color-subtitle);
|
||||
}
|
||||
}
|
|
@ -82,6 +82,6 @@
|
|||
|
||||
.slideshow_btn:active {
|
||||
|
||||
transform: translateY(3px);
|
||||
transform: translateY(6px);
|
||||
box-shadow: 0px 4px 12px -1px #0174BE70;
|
||||
}
|
Loading…
Add table
Reference in a new issue