diff --git a/app/assets/stylesheets/funds.scss b/app/assets/stylesheets/funds.scss
index 58eccb7..e341936 100644
--- a/app/assets/stylesheets/funds.scss
+++ b/app/assets/stylesheets/funds.scss
@@ -22,7 +22,8 @@
   .gift-image {
     width: 100%;
     height: 647px;
-    background-size: cover;  
+    background-size: cover;
+    background-position: center;  
   }
 
   #description {
diff --git a/app/assets/stylesheets/gifts.scss.erb b/app/assets/stylesheets/gifts.scss.erb
index a1c8d53..27bdb52 100644
--- a/app/assets/stylesheets/gifts.scss.erb
+++ b/app/assets/stylesheets/gifts.scss.erb
@@ -48,7 +48,10 @@
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
     width: 100%;
-    height: 300px;  
+    height: 250px;  
+    background-position: center;
+    background-size: 100%;
+    background-repeat: no-repeat;
   }
 
   .gift-info {
diff --git a/app/views/friends/index.html.erb b/app/views/friends/index.html.erb
index d70c8f1..f939c9e 100644
--- a/app/views/friends/index.html.erb
+++ b/app/views/friends/index.html.erb
@@ -5,7 +5,7 @@
   </div>
   <div class="friends-grid">
     <div class="row">
-      <div class="col-sm-4 col-md-2">
+      <div class="col-sm-4 col-md-2 col-xs-6">
         <%= link_to new_friend_path(uid: @user.uid, name: @user.name) do %>
         <div class="thumbnail">
           <img src="http://graph.facebook.com/<%= @user.uid %>/picture?height=192&width=192">
@@ -17,7 +17,7 @@
       </div>
 
     <% (@friends*200).each do |f| %>
-      <div class="col-sm-4 col-md-2">
+      <div class="col-sm-4 col-md-2 col-xs-6">
         <%= link_to new_friend_path(uid: f['id'], name: f['name']) do %>
         <div class="thumbnail">
           <img src="http://graph.facebook.com/<%= f["id"] %>/picture?height=192&width=192">
diff --git a/app/views/gifts/_gift.html.erb b/app/views/gifts/_gift.html.erb
index 049dcd9..3546ef3 100644
--- a/app/views/gifts/_gift.html.erb
+++ b/app/views/gifts/_gift.html.erb
@@ -1,4 +1,4 @@
-<div class="col-md-3 gift-card" data-toggle="modal" data-target="#new-fund" data-gift-id="<%= gift.id %>" data-friend-id="<%= params[:friend_id] %>">
+<div class="col-md-3 gift-card col-xs-6" data-toggle="modal" data-target="#new-fund" data-gift-id="<%= gift.id %>" data-friend-id="<%= params[:friend_id] %>">
   <div class="recommendation-item">
     <div class="gift-image" style="background-image: url(<%= gift.image %>)"></div>
     <div class="gift-info">
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index ab36b4c..76696da 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -5,6 +5,7 @@
   <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
   <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
   <%= csrf_meta_tags %>
+  <meta name="viewport" content="width=device-width, user-scalable=no">
   <meta name="title" content="Macaron Gift">
   <meta name="description" content="선물 모금에 참여해요!">
   <meta name="keywords" content="선물, 생일, 친구">