diff --git a/lab/css/style.css b/lab/css/style.css
index 102e3ec..101a846 100644
--- a/lab/css/style.css
+++ b/lab/css/style.css
@@ -7,7 +7,7 @@ body {
.map {
position: absolute;
right: 0px;
- left: 340px;
+ left: 450px;
height: 100%;
top: 0;
}
@@ -15,7 +15,8 @@ body {
.sidebar {
position: absolute;
left: 0px;
- width: 340px;
+ width: 450px;
+ height:100%;
top: 0;
bottom: 0;
overflow-y: auto;
@@ -42,7 +43,7 @@ body {
position: fixed;
bottom: 0;
left: 0;
- width: 340px;
+ width: 450px;
background-color: #fff;
padding: 20px;
}
@@ -74,13 +75,27 @@ Media Queries
============= */
@media screen and (min-width: 480px) and (max-width: 800px) {
- /*.item {
- background-color: blue;
- }*/
+ map {
+ position: absolute;
+ right: 0px;
+ left: 475px; /* Increasing number of pixels makes map smaller */
+ height: 100%;
+ top: 0;
+ }
+ sidebar {
+ position: absolute;
+ left: 0px;
+ width: 475px;
+ top: 0;
+ bottom: 0;
+ overflow-y: auto;
+ padding: 20px;
+ padding-bottom: 60px;
+ }
}
@media screen and (max-width: 479px) {
- /*.item {
- background-color: red;
- }*/
+ sidebar {
+ display:none;
+ }
}
diff --git a/lab/index.html b/lab/index.html
index 2986a70..bc28cb5 100644
--- a/lab/index.html
+++ b/lab/index.html
@@ -5,6 +5,8 @@
+
+
@@ -13,44 +15,146 @@