Fix for small mobile screens

This commit is contained in:
2022-02-04 13:59:38 +01:00
parent 7895071d7a
commit 6896604588
3 changed files with 185 additions and 5 deletions

View File

@@ -1157,6 +1157,186 @@ button:hover {
.lg-min-h-250 {
min-height: 250px; } }
.w-275 {
width: 275px; }
.max-w-275 {
max-width: 275px; }
.min-w-275 {
min-width: 275px; }
.h-275 {
height: 275px; }
.max-h-275 {
max-height: 275px; }
.min-h-275 {
min-height: 275px; }
@media (max-width: 600px) {
.sm-w-275 {
width: 275px; }
.sm-max-w-275 {
max-width: 275px; }
.sm-min-w-275 {
min-width: 275px; }
.sm-h-275 {
height: 275px; }
.sm-max-h-275 {
max-height: 275px; }
.sm-min-h-275 {
min-height: 275px; } }
@media (min-width: 600px) and (max-width: 992px) {
.md-w-275 {
width: 275px; }
.md-max-w-275 {
max-width: 275px; }
.md-min-w-275 {
min-width: 275px; }
.md-h-275 {
height: 275px; }
.md-max-h-275 {
max-height: 275px; }
.md-min-h-275 {
min-height: 275px; } }
@media (min-width: 992px) {
.lg-w-275 {
width: 275px; }
.lg-max-w-275 {
max-width: 275px; }
.lg-min-w-275 {
min-width: 275px; }
.lg-h-275 {
height: 275px; }
.lg-max-h-275 {
max-height: 275px; }
.lg-min-h-275 {
min-height: 275px; } }
.w-280 {
width: 280px; }
.max-w-280 {
max-width: 280px; }
.min-w-280 {
min-width: 280px; }
.h-280 {
height: 280px; }
.max-h-280 {
max-height: 280px; }
.min-h-280 {
min-height: 280px; }
@media (max-width: 600px) {
.sm-w-280 {
width: 280px; }
.sm-max-w-280 {
max-width: 280px; }
.sm-min-w-280 {
min-width: 280px; }
.sm-h-280 {
height: 280px; }
.sm-max-h-280 {
max-height: 280px; }
.sm-min-h-280 {
min-height: 280px; } }
@media (min-width: 600px) and (max-width: 992px) {
.md-w-280 {
width: 280px; }
.md-max-w-280 {
max-width: 280px; }
.md-min-w-280 {
min-width: 280px; }
.md-h-280 {
height: 280px; }
.md-max-h-280 {
max-height: 280px; }
.md-min-h-280 {
min-height: 280px; } }
@media (min-width: 992px) {
.lg-w-280 {
width: 280px; }
.lg-max-w-280 {
max-width: 280px; }
.lg-min-w-280 {
min-width: 280px; }
.lg-h-280 {
height: 280px; }
.lg-max-h-280 {
max-height: 280px; }
.lg-min-h-280 {
min-height: 280px; } }
.w-290 {
width: 290px; }
.max-w-290 {
max-width: 290px; }
.min-w-290 {
min-width: 290px; }
.h-290 {
height: 290px; }
.max-h-290 {
max-height: 290px; }
.min-h-290 {
min-height: 290px; }
@media (max-width: 600px) {
.sm-w-290 {
width: 290px; }
.sm-max-w-290 {
max-width: 290px; }
.sm-min-w-290 {
min-width: 290px; }
.sm-h-290 {
height: 290px; }
.sm-max-h-290 {
max-height: 290px; }
.sm-min-h-290 {
min-height: 290px; } }
@media (min-width: 600px) and (max-width: 992px) {
.md-w-290 {
width: 290px; }
.md-max-w-290 {
max-width: 290px; }
.md-min-w-290 {
min-width: 290px; }
.md-h-290 {
height: 290px; }
.md-max-h-290 {
max-height: 290px; }
.md-min-h-290 {
min-height: 290px; } }
@media (min-width: 992px) {
.lg-w-290 {
width: 290px; }
.lg-max-w-290 {
max-width: 290px; }
.lg-min-w-290 {
min-width: 290px; }
.lg-h-290 {
height: 290px; }
.lg-max-h-290 {
max-height: 290px; }
.lg-min-h-290 {
min-height: 290px; } }
.w-300 {
width: 300px; }