changesdesktoptab

public/index.html

@@ -19,7 +19,6 @@
         <div class="desc">
           <h4>Astonishing features requires worry-free security</h4>
           <hr>
-          <br />
           <p>1 Year Free Mobile Security</p>
         </div>
         <img src="image-1.png" alt="image1" class="mainimage">
@@ -30,7 +29,6 @@
         <div class="desc">
           <h4>Be hooked!</h4>
           <hr>
-          <br />
           <p>2000+ Movies from Bollywood</p>
         </div>
         <img src="image-2.png" alt="image2" class="mainimage">
@@ -40,7 +38,7 @@
         <img src="logo-adaptxt.png" id="img2" alt="adaptxt" class="subimage">
         <div class="desc">
           <h4>The best things in life are free</h4>
-          <hr><br />
+          <hr>
           <p>Free Mobile Pouch</p>
         </div>
         <img src="image-3.png" alt="image3" class="mainimage">
@@ -50,7 +48,7 @@
         <img src="logo-hungama.png" alt="hungama" class="subimage">
         <div class="desc">
           <h4>The thump never ends here</h4>
-          <hr><br />
+          <hr>
           <p>1000’s of songs </p>
         </div>
         <img src="image-4.png" alt="image4" class="mainimage">
@@ -60,7 +58,7 @@
         <img src="logo-adaptxt.png" alt="adapt" class="subimage">
         <div class="desc">
           <h4>Being globally you</h4>
-          <hr><br />
+          <hr>
           <p>21 Indian & Foreign Languages</p>
         </div>
         <img src="image-5.png" alt="image5" class="mainimage">
@@ -70,7 +68,7 @@
         <img src="logo-read-where.png" alt="read" class="subimage">
         <div class="desc">
           <h4>For the wise</h4>
-          <hr><br />
+          <hr>
           <p>1000 pts Discount on Subscription</p>
         </div>
         <img src="image-6.png" alt="image6" class="mainimage">

src/App.css

@@ -26,6 +26,7 @@ header>img {
   cursor: default;
   font-size: 18px;
   margin: 0;
+  text-transform: uppercase;
 }
 
 hr {
@@ -87,18 +88,18 @@ hr {
   }
 
   .mainimage {    
-    max-height: 200px;
+    min-height: 200px;
   }
 
   .subimage {
-    margin-top: 18px;
+    margin-top: 25px;
   }
 
   header {
     position: fixed;
     background-color: initial;
     filter: invert(1);
-  }
+  }  
 }
 
 @media screen and (min-width: 780px) {
@@ -109,13 +110,11 @@ hr {
    }
 
   .mainimage {
-    /* display: none; */
     float:right;
-    /* margin: -80px 220px; */
     margin-top:-170px;
-    max-width: 205px;    
-    }
-
+    max-width: 200px;  
+    max-height:150px ;
+  }
   .desc{
     max-height: 65px;
   }
@@ -129,11 +128,13 @@ hr {
   font-size: 13px;
   float: left;
   text-transform: uppercase;
+  margin-top: initial;
   }
   
   hr{
     width: 50%;
     float: left;
+    margin-right: 115px;
   }
 
   .subimage{
@@ -142,7 +143,7 @@ hr {
   }
   .container h4 {
      text-transform: initial; 
-     font-size: 16px;
+     font-size: 15px;
     }
  
 }
\ No newline at end of file