mirror of
https://github.com/bubblecup-12/VogelSocialMedia.git
synced 2025-07-07 06:08:54 +00:00
do short explain
This commit is contained in:
parent
fa8a031849
commit
26d1b3d82a
4 changed files with 74 additions and 7 deletions
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue