Commit 84ef31ac authored by Jarek Ostrowski's avatar Jarek Ostrowski

Make responsive

parent 9e1d26cb
Pipeline #31509980 passed with stages
in 26 minutes and 49 seconds
...@@ -2,6 +2,7 @@ source/javascripts/libs/*.js ...@@ -2,6 +2,7 @@ source/javascripts/libs/*.js
source/javascripts/autodevops-animation.js source/javascripts/autodevops-animation.js
source/javascripts/mobile-menu.js source/javascripts/mobile-menu.js
source/javascripts/rotate-competitors.js source/javascripts/rotate-competitors.js
source/javascripts/testimonials.js
vendor/ vendor/
public/ public/
node_modules/ node_modules/
(function() { (function() {
if (window.innerWidth > 768) { if (window.innerWidth > 992) {
var staggerTime = 12; var staggerTime = 12;
var duration = .6; var duration = .6;
var tl = new TimelineMax({ repeat: -1 }); var tl = new TimelineMax({ repeat: -1 });
...@@ -16,6 +16,6 @@ ...@@ -16,6 +16,6 @@
// } // }
// tl.play(); // tl.play();
} else { } else {
console.log('on mobile yo') // do nothing
} }
})(); })();
...@@ -1973,18 +1973,16 @@ iframe { ...@@ -1973,18 +1973,16 @@ iframe {
margin-left: 50px; margin-left: 50px;
@media screen and (max-width: $screen-md-min) { @media screen and (max-width: $screen-md-min) {
margin-left: 20px;
}
@media screen and (max-width: $screen-sm-min) {
margin-left: 0; margin-left: 0;
margin-top: 50px; margin-top: 20px;
} }
} }
} }
@media screen and (max-width: $screen-sm-min) { @media screen and (max-width: $screen-md-min) {
position: relative; position: relative;
flex-direction: column;
margin-top: 20px;
} }
} }
...@@ -1994,8 +1992,9 @@ iframe { ...@@ -1994,8 +1992,9 @@ iframe {
margin-bottom: 20px; margin-bottom: 20px;
} }
@media screen and (max-width: $screen-sm-min) { @media screen and (max-width: $screen-md-min) {
padding-bottom: 100px; padding: 50px 20px;
padding-bottom: 0;
} }
} }
...@@ -2161,7 +2160,6 @@ iframe { ...@@ -2161,7 +2160,6 @@ iframe {
.forrester-wave-graphic { .forrester-wave-graphic {
margin: 20px auto; margin: 20px auto;
margin-bottom: 30px; margin-bottom: 30px;
height: 400px;
width: auto; width: auto;
@media all and (max-width: $screen-sm-min) { @media all and (max-width: $screen-sm-min) {
...@@ -2176,12 +2174,16 @@ iframe { ...@@ -2176,12 +2174,16 @@ iframe {
.flex-container { .flex-container {
padding: 0 50px; padding: 0 50px;
@media all and (max-width: $grid-float-breakpoint) { @media all and (max-width: $screen-md-min) {
padding: 50px 20px; padding: 50px 20px;
} }
} }
@media all and (max-width: $screen-md-min) {
flex-direction: column;
}
} }
@media all and (max-width: $screen-sm-min) { @media all and (max-width: $screen-sm-min) {
......
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