HTML & CSS: More fixes to intro responsive
diff --git a/css/style.css b/css/style.css
index c88d82b..5637a68 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1239,15 +1239,15 @@
.animation .device .display div div {font-size:15px;}
}
@media (max-width:560px) {
- .animation[data-animation-step="1"] .device {margin-top:6%;width:72%; height:75%;}
- .animation[data-animation-step="2"] .device {margin-top:6%;width:65%; height:66%;}
- .animation[data-animation-step="3"] .device {margin-top:9%;width:30%; height:80%;}
+ .animation[data-animation-step="1"] .device {margin-top:1%;width:72%; height:75%;}
+ .animation[data-animation-step="2"] .device {margin-top:1%;width:65%; height:66%;}
+ .animation[data-animation-step="3"] .device {margin-top:1%;width:28%; height:80%;}
.animation .device .display div div {font-size:15px;}
}
@media (max-width:520px) {
.animation[data-animation-step="1"] .device {margin-top:0%;width:66%; height:69%;}
.animation[data-animation-step="2"] .device {margin-top:0%;width:62%; height:63%;}
- .animation[data-animation-step="3"] .device {margin-top:0%;width:30%; height:80%;}
+ .animation[data-animation-step="3"] .device {margin-top:0%;width:28%; height:80%;}
.animation .device .display div div {font-size:15px;}
}
@media (max-width:460px) {