Commit e093c92a authored by nursultan's avatar nursultan
Browse files

support styles for mobile version in safari

parent fde39b79
...@@ -389,6 +389,7 @@ object { ...@@ -389,6 +389,7 @@ object {
height: 100%; height: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
text-align: center;
} }
......
...@@ -204,7 +204,7 @@ ...@@ -204,7 +204,7 @@
padding-bottom: calc((100vw - 769px) / (1024 - 769) * (130 - 15) + 15px); padding-bottom: calc((100vw - 769px) / (1024 - 769) * (130 - 15) + 15px);
} }
.video-preview iframe, .video-container--preview { .video-preview iframe, .video-container--preview {
width: calc((100vw - 769px) / (1024 - 769) * (815 - 700) + 700px); width: calc((100vw - 769px) / (1024 - 769) * (815 - 700) + 700px);
} }
...@@ -457,7 +457,7 @@ ...@@ -457,7 +457,7 @@
margin: auto; margin: auto;
} }
.video-preview iframe, .video-container--preview { .video-preview iframe, .video-container--preview {
width: calc((100vw - 426px) / (768 - 426) * (700 - 400) + 400px); width: calc((100vw - 426px) / (768 - 426) * (700 - 400) + 400px);
} }
...@@ -520,6 +520,14 @@ ...@@ -520,6 +520,14 @@
} }
@media (min-width: 426px) and (max-width: 1024px) { @media (min-width: 426px) and (max-width: 1024px) {
.usability-cards {
height: auto;
}
.usability-card {
min-height: 200px;
}
.inner { .inner {
max-width: calc((100vw - 426px) / (1024 - 426) * (900 - 350) + 350px); max-width: calc((100vw - 426px) / (1024 - 426) * (900 - 350) + 350px);
} }
...@@ -603,7 +611,7 @@ ...@@ -603,7 +611,7 @@
line-height: 27px; line-height: 27px;
} }
.video-preview iframe, .video-container--preview { .video-preview iframe, .video-container--preview {
width: 80%; width: 80%;
height: 250px; height: 250px;
} }
...@@ -754,6 +762,7 @@ ...@@ -754,6 +762,7 @@
} }
.usability-cards { .usability-cards {
height: auto;
justify-content: center; justify-content: center;
padding-bottom: 20px; padding-bottom: 20px;
} }
...@@ -762,6 +771,7 @@ ...@@ -762,6 +771,7 @@
height: auto; height: auto;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 200px;
} }
.usability-card--title { .usability-card--title {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment