added responsive behaviour

redboltz · Sep 22, 2020 · 680ac4e · 680ac4e
1 parent 90af7fd
commit 680ac4e
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 0 deletions.
diff --git a/_sass/style.scss b/_sass/style.scss
@@ -509,6 +509,7 @@ main {
 .use-case {
    display: flex;
    align-items: flex-start;
+   margin-bottom: 10px;
 }
 
 .use-case-description {
@@ -598,6 +599,10 @@ main {
    #homepage-intro {
       width: 65%;
    }
+   .use-case-img {
+      width: 220px !important;
+      height: 125px !important;
+   }
 }
 
 @media all and (max-width: 890px){
@@ -647,4 +652,25 @@ main {
    .accordion-wrapper.software {
       width: 100%;
    }
+}
+
+@media all and (max-width: 600px){
+   .software-logo {
+      float: none;
+      margin: 5px 0 5px -15px;
+   }
+   .panel-item-description {
+      margin-left: 0;
+   }
+   .use-case {
+      flex-direction: column;
+      margin-bottom: 25px;
+  }
+   .use-case-img {
+      width: 282px !important;
+      height: 202px !important;
+   }
+   .use-case-description {
+      margin: 0;
+   }
 }
diff --git a/assets/img/mqtt-publish-subscribe.png b/assets/img/mqtt-publish-subscribe.png