do short explain

This commit is contained in:
Niklas 2025-06-30 23:58:25 +02:00
parent fa8a031849
commit 26d1b3d82a
4 changed files with 74 additions and 7 deletions

View file

@ -1,6 +1,3 @@
:root {
--margin-mobile: 2rem;
}
.mainbox {
min-width: 360px;
max-width: 100vw;
@ -14,6 +11,38 @@
}
}
.explain {
display: grid;
grid-template-columns: 1fr;
align-items: center;
margin: 3vw;
}
.explain-announce {
width: 90vw;
margin: 2vw;
font-size: clamp(5rem, 8vw, 15vw);
color: white;
text-align: left;
}
.explain-title {
margin: 1vw;
width: 90vw;
font-size: clamp(7rem, 10vw, 17vw);
color: var(--Rotkehlchen-orange-default);
}
.explain-text {
margin: 2vw;
width: 90vw;
max-width: 90vw !important;
font-size: clamp(3.5rem, 7vw, 14vw);
color: white;
text-align: left;
}
.cursor-pointer {
cursor: pointer;
}
.about-title {
flex-direction: row;
justify-content: start;
@ -31,9 +60,9 @@
align-items: center;
justify-content: space-between;
height: clamp(30vw, 45vh, 100%);
margin: 2vw;
margin: var(--margin-mobile);
vertical-align: center;
margin-block-end: 2rem;
margin-block-end: var(--margin-mobile);
}
.block2 {
display: grid;