updated text and alignments

incodeit · Nov 13, 2020 · fccdaad · fccdaad
1 parent 5f0308d
commit fccdaad
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 20 deletions.
diff --git a/waiting/css/main.css b/waiting/css/main.css
@@ -300,12 +300,12 @@ textarea {
 }
 
 #info h1 {
-  font-size: 1.3em;
+  font-size: 1.4em;
   text-transform: uppercase;
 }
 
 #info h2 {
-  font-size: 1em;
+  font-size: 1.2em;
 }
 
 .red {
@@ -337,7 +337,7 @@ ul#social-icons li a:hover i{
 }
 
 #img-tedx {
-  width: 200px;
+  width: 150px;
 }
 
 
@@ -347,11 +347,6 @@ ul#social-icons li a:hover i{
   body > .container {
     height: 100%;
   }
-
-  #img-x, #img-tedx {
-    height: auto;
-    width: auto;
-  }
 
   #info .content{
     padding: 0;
@@ -360,47 +355,67 @@ ul#social-icons li a:hover i{
     background-size: 120px;
   }
 
-
   #info h1 {
-   font-size: 1.1em;
+   font-size: 1.3em;
   }
 
+  #img-x{
+    height: auto;
+  }
+
+
 }
 
 
 @media only screen and (min-width: 992px) {
   #info .content{
-    background-size: 160px;
+    background-size: 130px;
     background-position: top left;
     margin-left: -100px;
-    padding-left: 160px;
-    padding-top: 80px;
+    padding-left: 125px;
+    padding-top: 70px;
     text-align: left;
   }
   #info h1, #info h2 {
     text-align: left;
   }
 
   #info h1 {
-   font-size: 1.4em;
+   font-size: 1.8em;
   }
 
   #info h2 {
-   font-size: 1.2em;
+   font-size: 1.4em;
+  }
+
+  #img-tedx {
+    width: 200px;
   }
+
 }
 
 
 @media only screen and (min-width: 1200px) {
+  #info .content{
+    background-size: 140px;
+    padding-left: 137px;
+    padding-top: 73px;
+  }
+
+
   #info h1 {
-   font-size: 1.8em;
+   font-size: 2.2em;
   }
 
   #info h2 {
-   font-size: 1.4em;
+   font-size: 1.6em;
   }
 
   ul#social-icons li a i{
     font-size: 2em;
   }
+
+  #img-tedx {
+    width: 250px;
+  }
 }
diff --git a/waiting/index.html b/waiting/index.html
@@ -57,16 +57,16 @@
 
   <div class="container">
     <div  class="row h-100">
-      <div id="x" class="col-sm-6 my-sm-auto">
+      <div id="x" class="col-sm-5 my-sm-auto">
         <img id="img-x" src="./img/Tavola da disegno 2 copia.jpg" alt="" class="img-fluid">
       </div>
-      <div id="info" class="col-sm-6">
+      <div id="info" class="col-sm-7">
         <div class="content w-100">
           <h1 class="mb-2" >
             Le idee non si fermano mai<span class="red">.</span>
           </h1>
           <h2 class="mb-4">
-            Il nuovo sito sta arrivando
+            Stiamo costruendo nuove connessioni<span class="red">.</span>
           </h2>
           <img id="img-tedx" src="img/logo-ted-nero.png" alt="" class="img-fluid mb-4">