corrections

assets/css/style.css

@@ -44,10 +44,6 @@ body {
   background-color: #4ec2e7;
 }
 
-.c-margin-t {
-  margin-top: 60px;
-}
-
 .logo {
   position: relative;
 }
@@ -108,11 +104,7 @@ body {
 .info {
   text-align: left;
   display: inline-block;
-  padding: 10%;
-}
-
-.info:nth-of-type(1) {
-  padding: 15% 8%;
+  padding: 10% 0 10%;
 }
 
 .row:after {
@@ -122,38 +114,22 @@ body {
 }
 
 .columns {
-  width: 33.33%;
   float: left;
-  height: 50vh;
-  padding: 20px;
-  min-height: 520px;
+  padding: 10%;
 }
 
-@media screen and (max-width: 992px) {
-  .columns {
-    width: 50%;
-    height: 100vh;
-    min-height: 700px;
-  }
-
-  .c-width {
-    width: 80%;
-  }
+.img-c {
+  text-align: center;
 }
 
-@media screen and (max-width: 600px) {
+@media only screen and (min-width: 250px) {
   .columns {
-    width: 100%;
-    height: 50vh;
-    min-height: 650px;
-  }
-
-  .info:nth-of-type(1) {
-    padding: 10% 8%;
+    width: 100% !important;
+    min-height: 300px;
   }
 
-  .c-width {
-    width: 80%;
+  .img-m-w{
+    max-width: 100%;
   }
 }
 

float-layout.html

@@ -12,7 +12,7 @@
     <div class="row">
         <div class="columns col-1">
             <div>
-                <img src="assets/img/logo-aoc.png"  width="85" height="30">
+                <img src="assets/img/logo-aoc.png" width="85" height="30">
             </div>
             <div class="info">
                 <img src="assets/img/logo-f-secure.png" width="50" height="50">
@@ -20,7 +20,9 @@
                 <div class="underline"></div>
                 <span>1 Year Free Mobile Security</span>
             </div>
-            <img src="assets/img/image-1.png" align="right" class="c-margin-t">
+            <div class="img-c">
+                <img src="assets/img/image-1.png" class="img-m-w">
+            </div>
         </div>
         <div class="columns col-2">
             <div class="info">
@@ -29,7 +31,9 @@
                 <div class="underline"></div>
                 <span>2000+ Movies from Bollywood</span>
             </div>
-            <img src="assets/img/image-2.png" align="right">
+            <div class="img-c">
+                <img src="assets/img/image-2.png" class="img-m-w">
+            </div>
         </div>
         <div class="columns col-3">
             <div class="info">
@@ -38,7 +42,9 @@
                 <div class="underline"></div>
                 <span>Free Mobile Pouch</span>
             </div>
-            <img src="assets/img/image-3.png" align="right">
+            <div class="img-c">
+                <img src="assets/img/image-3.png" class="img-m-w">
+            </div>
         </div>
         <div class="columns col-4">
             <div class="info">
@@ -47,7 +53,9 @@
                 <div class="underline"></div>
                 <span>1000’s of songs</span>
             </div>
-            <img src="assets/img/image-4.png" align="right">
+            <div class="img-c">
+                <img src="assets/img/image-4.png" class="img-m-w">
+            </div>
         </div>
         <div class="columns col-5">
             <div class="info">
@@ -56,7 +64,9 @@
                 <div class="underline"></div>
                 <span>21 Indian & Foreign Languages</span>
             </div>
-            <img src="assets/img/image-5.png" align="right">
+            <div class="img-c">
+                <img src="assets/img/image-5.png" class="img-m-w">
+            </div>
         </div>
         <div class="columns col-6">
             <div class="info">
@@ -65,9 +75,11 @@
                 <div class="underline"></div>
                 <span>1000 pts Discount<br>on Subscription</span>
             </div>
-            <img src="assets/img/image-6.png" align="right" class="c-margin-t c-width">
+            <div class="img-c">
+                <img src="assets/img/image-6.png" class="img-m-w">
+            </div>
         </div>
-      </div>
+    </div>
 </body>
 
 </html>
\ No newline at end of file