Alumnus: home mobile style

app/assets/stylesheets/extranet/_default/pages/_home.sass

@@ -3,21 +3,18 @@
         ul
             padding-left: 0
             li
-                @include make-row
-                display: flex
+                border-bottom: 1px solid $light-border-color
+                margin-bottom: px2rem(30)
                 position: relative
                 > div
-                    @include make-col-ready
                     &:nth-child(1)
-                        width: percentage(2/9)
+                        img
+                            width: 100%
                     &:nth-child(2)
-                        @include pseudo-bottom-border
-                        @include pseudo-top-border
                         display: flex
                         justify-content: space-between
                         padding-bottom: px2rem(16)
                         padding-top: px2rem(12)
-                        width: percentage(7/9)
                         display: flex
                         justify-content: space-between
                         > div
@@ -29,7 +26,19 @@
                             align-self: center
                         img
                             max-height: 80px
-
+            @include media-breakpoint-up(md)
+                li
+                    @include make-row
+                    border-bottom: 0
+                    margin-bottom: px2rem(16)
+                    > div
+                        @include make-col-ready
+                        &:nth-child(1)
+                            width: percentage(2/9)
+                        &:nth-child(2)
+                            @include pseudo-bottom-border
+                            @include pseudo-top-border
+                            width: percentage(7/9)
     .promotions
         list-style: none
         padding-left: 0

app/views/extranet/home/index.html.erb

@@ -6,13 +6,13 @@
     <div class="experiences">
       <ul>
           <% @experiences.ordered.each do |experience| %>
-          <li class="mb-3">
+          <li>
             <div>
               <%= link_to experience.person, class: "stretched-link" do %>
                 <% if experience.person.picture.attached? %>
-                  <%= kamifusen_tag experience.person.picture, width: 200, class: 'img-fluid' %>
+                  <%= kamifusen_tag experience.person.picture, width: 400, class: 'img-fluid' %>
                 <% else %>
-                  <%= image_tag 'extranet/avatar.png', width: 200, class: 'img-fluid' %>
+                  <%= image_tag 'extranet/avatar.png', width: 400, class: 'img-fluid' %>
                 <% end %>
               <% end %>
             </div>