troogs/FoodsharingOnboarding
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Responsive heading sizes

Browse Source
This commit is contained in:
Andre Beging
2022-06-01 09:56:00 +02:00
parent 9f89d8ff50
commit 4a9fe8bed4
4 changed files with 107 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

85
FoodsharingSiegen.Server/Shared/DefaultLayout.razor.css
View File

@@ -87,17 +87,94 @@ input:checked ~ #menu-toggler-label span:nth-child(3) {
}
::deep h2 {
font-size: 7.8vw;
font-size: 1.8rem;
}
@media screen and (min-width: 576px) {
::deep h2 {
font-size: 4.8vw;
font-size: 3.2rem;
line-height: 3.2rem;
}
}
@media screen and (min-width: 576px) {
@media screen and (min-width: 768px) {
::deep h2 {
font-size: 3.6vw;
font-size: 3.8rem;
line-height: 3.8rem;
}
}
@media screen and (min-width: 992px) {
::deep h2 {
font-size: 3.8rem;
line-height: 3.8rem;
}
}
@media screen and (min-width: 1200px) {
::deep h2 {
font-size: 3.8rem;
line-height: 3.8rem;
}
}
@media screen and (min-width: 1400px) {
::deep h2 {
font-size: 3.8rem;
line-height: 3.8rem;
}
}
@media screen and (min-width: 1950px) {
::deep h2 {
font-size: 3.2rem;
line-height: 3.2rem;
}
}
::deep h3 {
font-size: 1.4rem;
font-weight: 300;
}
@media screen and (min-width: 576px) {
::deep h3 {
font-size: 2.4rem;
line-height: 2.4rem;
}
}
@media screen and (min-width: 768px) {
::deep h3 {
font-size: 2.8rem;
line-height: 2.8rem;
}
}
@media screen and (min-width: 992px) {
::deep h3 {
font-size: 2.8rem;
line-height: 2.8rem;
}
}
@media screen and (min-width: 1200px) {
::deep h3 {
font-size: 2.8rem;
line-height: 2.8rem;
}
}
@media screen and (min-width: 1400px) {
::deep h3 {
font-size: 2.8rem;
line-height: 2.8rem;
}
}
@media screen and (min-width: 1950px) {
::deep h3 {
font-size: 2.4rem;
line-height: 2.4rem;
}
}