<div class="mx-auto my-4 w-full space-y-4 md:max-w-2xl">
  <%= render_for_model @user, "name_icon_and_status", as: :user %>
  <div class="flex flex-col gap-4 sm:flex-row">
    <div class="flex flex-col gap-4 w-full sm:w-1/2">
      <%= render_for_model @user, "stats", as: :user %>
      <%= render_for_model @user, "similar_users", as: :user %>
    </div>
    <div class="flex flex-col gap-4 w-full sm:w-1/2">
      <% if @user.has_created_posts? %>
        <%= render_for_model @user, "recent_created_posts", as: :user %>
      <% end %>
      <% if @user.has_faved_posts? %>
        <%= render_for_model @user, "recent_faved_posts", as: :user %>
      <% end %>
    </div>
  </div>
  <%= render_for_model @user, "section_description", as: :user %>
</div>
