Active Srorageで画像のリサイズができません。

Question

前提・実現したいこと

Rails初心者です。

画像のアップロードにActive Storageを使っているのですが、画像のリサイズがうまくできません。

Gemはmini＿magickを使っており、variantで指定してリサイズをしようとしてもうまく反映されず。

ただimage_tag user.avatar.variant(resize: "300x300")から、image_tag user.avatar.variant(resize: "100x100")などに変えると、若干画質が悪くなるなどの変化がみられます。

どなたかお分かりになる方がいらっしゃいましたら、ご回答いただきたいです。

発生している問題・エラーメッセージ

Active Storageのリサイズができない

該当のソースコード views/users/index.html.erb

<div class="main users-index">
  <div class="container">
    <h1 class="users-heading">ユーザー一覧</h1>
    <% @users.each do |user| %>
  <div class="card-group">
  <div class="card" style="width:18rem;">
    <%= image_tag user.avatar.variant(resize: "300x300"), class:"card-img-top",alt:"Card image cap" %></div>
    <div class="card-body">
    <h4 class="card-title"><%= user.name %></h4>
      <p class="card-text"><%= user.profile%></p>
      <button class="btn btn-info">
        <%= link_to '詳細', "/users/#{user.id}"%>
　　　　</button>
      <div class="row">
        <div class="col-md">
        </div>
      </div>
    </div>
  </div>
  <% end %>
</div>
</div>
</div>

補足情報（Userモデル）

class User < ApplicationRecord
  has_one_attached :avatar
end

補足情報（バージョン指定なし）

gem 'mini_magick'

補足情報

<div class="card" style="width:18rem;">
    <%= image_tag user.avatar.variant(resize: "300x300"), class:"card-img-top",alt:"Card image cap" %></div>

image_tagのクラス指定と、styleのwidth指定を削除したところ、たての長さは調整可能となったのですが、横の指定は未だできない状態です。

Answer 1

どうやらCSSの指定に問題があったようです。
おさわがせしました。