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) {
diff --git a/index.html b/index.html
index 5f9cbb0..78a506e 100644
--- a/index.html
+++ b/index.html
@@ -59,7 +59,7 @@
<div class="container-fluid">
<div class="row cover top">
<div class="col-xs-12" style="padding:0">
- <div class="row" style="overflow-x:hidden;">
+ <div class="row" style="overflow-x:hidden;height:100%;">
<div class="col-md-12" align="center">
<div class="row">
<h1>Bliss OS</h1>