fix responsive bantuan

pages/app/Bantuan/index.js

@@ -40,8 +40,8 @@ class Bantuan extends React.Component {
                                 </p>
 
                             </Col>
-                            <Col>
-                                <img src="/static/img/Ilustrasi.png" alt="gambar" />
+                            <Col lg={5}>
+                                <img className="responsive-1" src="/static/img/Ilustrasi.png" alt="gambar" />
                             </Col>
                         </Row>
                     </Jumbotron>

pages/app/pt/bantuanPT/index.js

@@ -40,8 +40,8 @@ class Bantuan extends React.Component {
                                 </p>
 
                             </Col>
-                            <Col>
-                                <img src="/static/img/Ilustrasi.png" alt="gambar" />
+                            <Col lg={5}>
+                                <img className="responsive-1" src="/static/img/Ilustrasi.png" alt="gambar" />
                             </Col>
                         </Row>
                     </Jumbotron>

pages/pt/bantuanPT/index.js

@@ -37,8 +37,8 @@ class Bantuan extends React.Component {
                                 </p>
 
                             </Col>
-                            <Col>
-                                <img src="/static/img/Ilustrasi.png" alt="gambar" />
+                            <Col lg={5}>
+                                <img className="responsive-1" src="/static/img/Ilustrasi.png" alt="gambar" />
                             </Col>
                         </Row>
                     </Jumbotron>

styles/bootstrap/_images.scss

@@ -134,4 +134,18 @@
   }
 .width-50{
   width: 60px;
+}
+// .responsive-1{
+//   min-height: 500px;
+//   width: 100%;
+// }
+@media screen and (max-width: 1320px) {
+  .responsive-1 {
+      width: 170%
+  }
+  @media screen and (max-width: 991px) {
+    .responsive-1 {
+        width: 100%
+    }
+  }
 }