Commit e093c92a authored by nursultan's avatar nursultan

support styles for mobile version in safari

parent fde39b79
......@@ -389,6 +389,7 @@ object {
height: 100%;
display: flex;
align-items: center;
text-align: center;
}
......
......@@ -204,7 +204,7 @@
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);
}
......@@ -457,7 +457,7 @@
margin: auto;
}
.video-preview iframe, .video-container--preview {
.video-preview iframe, .video-container--preview {
width: calc((100vw - 426px) / (768 - 426) * (700 - 400) + 400px);
}
......@@ -520,6 +520,14 @@
}
@media (min-width: 426px) and (max-width: 1024px) {
.usability-cards {
height: auto;
}
.usability-card {
min-height: 200px;
}
.inner {
max-width: calc((100vw - 426px) / (1024 - 426) * (900 - 350) + 350px);
}
......@@ -603,7 +611,7 @@
line-height: 27px;
}
.video-preview iframe, .video-container--preview {
.video-preview iframe, .video-container--preview {
width: 80%;
height: 250px;
}
......@@ -754,6 +762,7 @@
}
.usability-cards {
height: auto;
justify-content: center;
padding-bottom: 20px;
}
......@@ -762,6 +771,7 @@
height: auto;
display: flex;
flex-direction: column;
min-height: 200px;
}
.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