Update inductor.css

Fudge to so it doesn't go funny in landscape mode.
pull/2/head
miguel 2020-11-18 21:15:41 +11:00
rodzic 281e60a517
commit af34af511c
1 zmienionych plików z 24 dodań i 2 usunięć

Wyświetl plik

@ -92,6 +92,29 @@ div input {
}
}
@media (orientation: landscape) {
section.gridLayoutClass {
display: grid;
grid-template-columns: 1fr;
grid-template-rows: 1fr 0.3fr;
grid-template-areas:
"inductor-container"
"slider-container";
justify-items: stretch;
}
section div.inductor-container {
height: 75vh;
width: 100vw;
box-sizing: border-box;
}
section div.slider_container {
width: 100%;
}
}
/*
@media (orientation: landscape) {
section.gridLayoutClass {
display: grid;
@ -99,7 +122,6 @@ div input {
grid-template-rows: 1fr;
grid-template-areas:
"inductor-container" "slider-container";
/*justify-items: stretch;*/
}
section div.inductor-container {
@ -112,7 +134,7 @@ div input {
width: 40vw;
}
}
/*
@media print (orientation: landscape) {
section.gridLayoutClass {
display: grid;