Skip to content

Commit de7d895

Browse files
author
Andrey Cheptsov
committed
[Landing] Fix mobile
1 parent 515179e commit de7d895

1 file changed

Lines changed: 27 additions & 2 deletions

File tree

docs/assets/stylesheets/landing.css

Lines changed: 27 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1079,9 +1079,34 @@
10791079
}
10801080

10811081
@media screen and (max-width: 44.9375em) {
1082+
.tx-landing__major_feature .block.large {
1083+
width: 100%;
1084+
}
1085+
10821086
.code-carousel {
1083-
margin-left: -0.8rem;
1084-
margin-right: -0.8rem;
1087+
margin-left: 0;
1088+
margin-right: 0;
1089+
max-width: 100%;
1090+
min-width: 0;
1091+
}
1092+
1093+
.code-carousel__slides,
1094+
.code-carousel__slide,
1095+
.code-carousel .code-carousel__slide[editor-title],
1096+
.code-carousel .code-carousel__slide[editor-title] pre,
1097+
.code-carousel .code-carousel__slide[editor-title] pre > code,
1098+
.code-carousel .code-carousel__slide > [data-termynal],
1099+
.code-carousel .code-carousel__slide[data-termynal] {
1100+
max-width: 100%;
1101+
min-width: 0;
1102+
box-sizing: border-box;
1103+
}
1104+
1105+
.code-carousel .code-carousel__slide[editor-title] pre,
1106+
.code-carousel .code-carousel__slide > [data-termynal],
1107+
.code-carousel .code-carousel__slide[data-termynal] {
1108+
overflow-x: auto;
1109+
-webkit-overflow-scrolling: touch;
10851110
}
10861111

10871112
.code-carousel .code-carousel__slide[editor-title] {

0 commit comments

Comments
 (0)