Better gif from @markhurrell, and better text responsiveness.

rubymanor · Feb 27, 2013 · 453b245 · 453b245
1 parent 7ea165b
commit 453b245
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/4/index.html b/4/index.html
@@ -105,7 +105,8 @@
       }
 
       #feature {
-        padding-left: 20%;
+        width: 65%;
+        margin: 0 auto;
       }
 
       #lead-in {
@@ -207,7 +208,7 @@
       .info {
         clear: none;
         float: left;
-        width: 80%;
+        width: 100%;
         margin-bottom: 84px;
       }
 
@@ -220,9 +221,12 @@
         padding-left: 25%;
       }
 
-      .info p, #map-container {
-        xmargin: 14px 0;
-        padding-left: 25%;
+      @media (min-width: 768px) {
+        .info p, #map-container {
+          width: 65%;
+          margin-left: auto;
+          margin-right: auto;
+        }
       }
 
       .info p, #map {
@@ -256,7 +260,7 @@ <h1>Ruby Manor</h1>
       </header>
 
       <section id="lead-in">
-        <img src="/images/4/ruby-manor.2.gif" alt="ruby" />
+        <img src="/images/4/ruby-manor.3.gif" alt="ruby" />
       </section>
 
       <section id="feature">

diff --git a/images/4/ruby-manor.3.gif b/images/4/ruby-manor.3.gif