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