final touches, I think

diff --git a/css/app.css b/css/app.css
index 7ae4e18..f1e6c28 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -6422,7 +6422,7 @@ header {
 
 main {
   margin-bottom: 440px; }
-  @media only screen and (max-width: 40em) {
+  @media screen and (max-width: 1024px) {
     main {
       margin-bottom: 0; } }
 

diff --git a/front-page.php b/front-page.php
index 44f25e3..e6ace02 100644 (file)
--- a/front-page.php
+++ b/front-page.php
@@ -15,7 +15,7 @@
             </div>
         </div>
         <div class="row">
-            <div id="main-content" class="small-12 medium-6 large-8 columns">
+            <div id="main-content" class="small-12 medium-8 columns">
                 <div class="row">
                     <div class="small-12 columns">
                         <?php if(have_posts()) : while(have_posts()): the_post();?>
@@ -27,7 +27,7 @@
                 </div>
                 
             </div>
-            <div class="small-12 medium-6 large-4 columns small-text-center medium-text-left" id="side">
+            <div class="small-12 medium-4 columns small-text-center medium-text-left" id="side">
                 <?php get_sidebar(); ?>
             </div>
         </div>

diff --git a/index.php b/index.php
index 2b60dbb..8c79570 100644 (file)
--- a/index.php
+++ b/index.php
@@ -7,10 +7,7 @@
     <!-- kitchensink check - delete me before going live -->
         <div id="content-wrapper">
             <div class="row">
-                
-            </div>
-            <div class="row">
-                <div id="main-content" class="small-12 medium-6 large-8 columns">
+                <div id="main-content" class="small-12 medium-8 columns">
                         <?php
                         get_template_part('parts/bread-crumbs');
                         ?>
@@ -20,7 +17,7 @@
                         <p><?php _e('Sorry, no results found.');?></p>
                         <?php endif;?>
                 </div>
-                <div class="small-12 medium-6 large-4 columns small-text-center medium-text-left">
+                <div class="small-12 medium-4 columns small-text-center medium-text-left">
                     <?php get_sidebar(); ?>
                 </div>
             </div>

diff --git a/parts/blog-feed-home.php b/parts/blog-feed-home.php
index f87dca4..af47876 100644 (file)
--- a/parts/blog-feed-home.php
+++ b/parts/blog-feed-home.php
@@ -8,10 +8,10 @@ foreach($lastposts as $post) : setup_postdata($post); ?>
     <div class="home-feed-post">
         <div class="row">
             <?php if (has_post_thumbnail( $post->ID )) { ?>
-            <div class="small-6 small-centered medium-4 medium-uncentered columns home-feed-post-image">
+            <div class="small-6 small-centered columns home-feed-post-image">
                 <?php echo get_the_post_thumbnail($post->ID, array(190, 190), array('class' => 'blog-excerpt-img-wrap')); ?>
                 </div>
-                <div class="small-centered small-11 medium-uncentered medium-8 columns home-feed-post-content">
+                <div class="small-centered small-11 medium-uncentered medium-11 columns home-feed-post-content">
                  <?php } else { ?>
                 <div class="small-centered small-11 medium-uncentered columns home-feed-post-content">
                 <?php } ?>

diff --git a/scss/_main.scss b/scss/_main.scss
index ed9cafe..a350875 100644 (file)
--- a/scss/_main.scss
+++ b/scss/_main.scss
@@ -6,7 +6,7 @@
 }
 main{
     margin-bottom: 440px;
-    @media #{$small-only}{
+    @media screen and (max-width: 1024px){
         margin-bottom: 0;
     }
 }