mirror of
https://git.bolliret.ch/pcs/pcs-website
synced 2026-01-18 15:11:37 +01:00
CSS issue from hell seems finally solved for all cases
This commit is contained in:
parent
c9140f59ab
commit
e120905338
1 changed files with 22 additions and 3 deletions
|
|
@ -62,12 +62,13 @@ div.inner_page {
|
|||
|
||||
div.inner_page.bgimage {
|
||||
background-image: url(/images/bg_image_welcome_1.jpg);
|
||||
background-size: contain;
|
||||
background-size: 100%;
|
||||
background-position: top;
|
||||
background-repeat: no-repeat;
|
||||
min-height: 635px;
|
||||
background-color: rgba(255,255,255,.6);
|
||||
background-blend-mode: lighten
|
||||
background-blend-mode: lighten;
|
||||
min-height: 672px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
footer,header,header h1 {
|
||||
|
|
@ -105,6 +106,11 @@ div.page {
|
|||
}
|
||||
|
||||
@media (max-width:768px) {
|
||||
|
||||
div.inner_page.bgimage {
|
||||
min-height: calc((80vw - 60px) * 0.572);
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 4vw
|
||||
}
|
||||
|
|
@ -118,7 +124,20 @@ div.page {
|
|||
}
|
||||
}
|
||||
|
||||
@media (min-width:1025px) and (max-width:1540px) {
|
||||
|
||||
div.inner_page.bgimage {
|
||||
min-height: calc((80vw - 60px) * 0.572);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media (min-width:769px) and (max-width:1024px) {
|
||||
|
||||
div.inner_page.bgimage {
|
||||
min-height: calc((80vw - 60px) * 0.572);
|
||||
}
|
||||
|
||||
body {
|
||||
font-size: 2.5vw
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue