Constant font sizes above viewport width of 1540px and tried to reduce jumpiness between 1530p and 1540px

This commit is contained in:
Reto Bollinger 2024-11-19 13:35:08 +01:00
parent 4a6b860432
commit e4c4875fa0

View file

@ -8,7 +8,7 @@
}
body {
font-size: 1vw;
font-size: 23px;
font-family: "Roboto-Light","Arial",sans-serif;
margin: 50px 25px
}
@ -86,17 +86,17 @@ footer,header,header h1 {
}
header {
font-size: 1vw
font-size: 20px;
}
footer {
font-size: .75vw
font-size: 16px;
}
header h1 {
margin: 0;
font-weight: 700;
font-size: 1.9vw
font-size: 38px;
}
header nav ul {
@ -144,7 +144,7 @@ div.page {
}
.termine ul > li > div {
width: 500px;
font-size: 0.75vw;
font-size: 20px;
}
@ -171,7 +171,7 @@ div.page {
}
.termine ul > li > ul > li > div{
font-size: 0.75vw;
font-size: 20px;
}
@ -236,6 +236,31 @@ div.page {
footer {
font-size: 1vw
}
.termine ul > li {
width: 65vw;
}
.termine ul > li > div {
width: 35vw;
}
.termine ul > li > ul > li {
width: 11vw;
}
.termine ul > li > ul > li:nth-child(1){
width: 16vw;
}
.termine ul > li > ul > li:nth-child(2){
width: 5vw;
}
.termine ul > li > div, .termine ul > li > ul > li > div {
font-size: 1.25vw;
}
}
@media (min-width:769px) and (max-width:1024px) {
@ -271,7 +296,7 @@ div.page {
font-size: 1.75vw
}
.inner_page.bgimage .image img {
.inner_page.bgimage .image img{
width: 150px
}
}