52 lines
809 B
SCSS
52 lines
809 B
SCSS
// 200px
|
|
@media screen and (min-width: 200px) {
|
|
}
|
|
|
|
//400px
|
|
@media screen and (min-width: 24.938em) {
|
|
}
|
|
// 576px
|
|
@media screen and (min-width: 36em) {
|
|
.main-page__content {
|
|
.problem-detail {
|
|
height: calc(100dvh - 18em);
|
|
}
|
|
}
|
|
}
|
|
// 768px
|
|
@media screen and (min-width: 48em) {
|
|
.main-page__content {
|
|
.problem-detail {
|
|
height: calc(100dvh - 18em);
|
|
}
|
|
}
|
|
}
|
|
// 992px
|
|
@media screen and (min-width: 62em) {
|
|
.mobile-mode {
|
|
display: none;
|
|
}
|
|
|
|
.main-page__content {
|
|
.problem-detail {
|
|
height: calc(100dvh - 18em);
|
|
}
|
|
}
|
|
}
|
|
|
|
// 1200px
|
|
|
|
|
|
// 1400px
|
|
|
|
// // 1600px
|
|
// @media screen and (min-width: 100.000em) {
|
|
// @import "./992/category_992";
|
|
// }
|
|
|
|
// //1800px
|
|
// @media screen and (min-width: 112.500em) {}
|
|
|
|
// //2000px
|
|
// @media screen and (min-width: 125.000em) {}
|