diff --git a/public/resources/index.css b/public/resources/index.css index 6925de8..57f0b3e 100644 --- a/public/resources/index.css +++ b/public/resources/index.css @@ -79,6 +79,7 @@ section{ } .details { float:left; + width: 50%; } .details h3 { font-size:18px; @@ -152,4 +153,40 @@ body { body { background-image: url(/images/header-map-2560px.png); } +} + +/* Responsive */ +@media (max-width: 950px) { + section{ + margin: 0; + width: 96%; + padding: 2%; + } +} +@media (max-width: 550px) { + .title{ + margin: 25px 0 0 0; + } + .title img{ + width: 200px; + } + .subtitle{ + font-size: 20px; + margin: 0 0 35px 0; + } + .item{ + height: 245px; + padding: 205px 30px 30px 30px; + } + .item img{ + width: 192px; + height: 192px; + margin: -185px 0 0 0; + } + .details,.viewers{ + width: 100%; + } + .viewers a{ + width: 120px; + } } \ No newline at end of file diff --git a/public/templates/data.tmpl b/public/templates/data.tmpl index abb2662..d53d8a6 100644 --- a/public/templates/data.tmpl +++ b/public/templates/data.tmpl @@ -2,6 +2,7 @@
+