<div class="container">
    <div class="row row-grid">
        <div class="col-xs-12 col-md-4 offset-md-4">
            <div class="mdl-card mdl-shadow--2dp" id="user-card">
                <%= gravatar_for @user, size: 1000 %>
                <div class="mdl-card__title mdl-card--expand">
                    <h4><strong><i>@<%= @user.username %></i></strong></h4>
                </div>
            </div>
        </div>
        <div class="col-xs-12">
            <%= render "articles/article", obj: @user.articles %>
        </div>
    </div>
</div>

<div class="container">
    <div class="row row-grid">
        <div class="col-xs-12 col-md-4 offset-md-4">
            <div class="mdl-card mdl-shadow--2dp" id="user-card">
                <%= gravatar_for @user, size: 1000 %>
                <div class="mdl-card__title mdl-card--expand">
                    <h4><strong><i>@<%= @user.username %></i></strong></h4>
                </div>
            </div>
        </div>
        <div class="col-xs-12">
            <div class="col s12">
                <%= will_paginate @user_articles, renderer: MaterializeRenderer %>
            </div>
        </div>
        <div class="col-xs-12">
            <%= render "articles/article", obj: @user_articles %>
        </div>
        <div class="col-xs-12">
            <div class="col s12">
                <%= will_paginate @user_articles, renderer: MaterializeRenderer %>
            </div>
        </div>
    </div>
</div>

Add paginate to articles in the user show view
Add paginate to articles in the user show view

