同じコードに同じCSSなのに、ユーザーによってレイアウトが異なる謎現象を解決してください。

#解決したいこと
CSSでレイアウトの調整をしているのですが、以下のように全くレイアウトが異なります。
しかもユーザーが異なるとレイアウトが変更するという謎現象です。
レイアウト元のビューもCSSが同じなのにこんなことって起こり得るんでしょうか？

training/show.html.erbのview
training/edit.html.erbのview

それぞれユーザーが自身のユーザーのshow,editを閲覧するときにこの珍現象が発生してしまいます。
何日か前までは正常だったのですが、コードを追加していく中で起こった出来事だと思いますが、該当箇所が分からない状態です。

ネットで検索しても同様の現象がなかなか見られなかったので（自身の検索が悪いのだとは思いますが）
何が原因かも分かっていない状態です。

コードは下記の通りになります。

game/edit.html.erb

<h1>試合内容</h1>
 <div class="parent">
   <%= form_with(model: @game,id: 'new_training', class: 'new_training', local: true) do |f| %>
      <div class="field">
        <%= f.label :日付を選択, class: 'date_lavel' %>
        <%= f.date_field :date, class: 'select_date' %> 
      </div>

      <div class="field">
        <%= f.label :"対戦相手" %> <br>
        <%= f.text_area :opponent, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :"結果" %><br>
        <%= f.text_area :result, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :"良かった点" %><br>
        <%= f.text_area :good_point, autofocus: true %>
      </div>

      <div class="field">
        <%= f.label :"反省点" %><br>
        <%= f.text_area :game_introspection, autofocus: true %>
      </div>

    <div class="register_actions">
      <div class="actions">
      <%= f.submit "変更" %>

    <div class="field">
      <%= link_to '削除', game_path, method: :delete %>
    </div>

      </div>
      <% end %>
      <div class="comment_contents">
      <div class="container">
        <% if current_user %>
          <%= form_with(model: [@game, @game_comment], local: true) do |f| %>
           <%= f.text_area :text, placeholder: "コメントする", rows: "2" %><br>
           <div class="submit_btn">
           <%= f.submit "SEND" %>
           </div>
         <% end %>
         <% else %>
        <strong><p>※※※ コメントの投稿には新規登録/ログインが必要です ※※※</p></strong>
        <% end %>
        <div class="comments">
        <div class=comment_title>
      <h4>＜コメント一覧＞</h4>
        </div>
      <% if @game_comments %>
        <% @game_comments.each do |comment| %>
          <p>
            <strong><%= comment.user.name %>：</strong>
            <%= comment.text %>
          </p>
        <% end %>
      <% end %>
    </div>
   </div>
 </div>

game/show.html.erb

<h1>試合内容</h1>
  <div class="field">
    <div class="list">
      <label for="label">日付</label><br>
        <div class="label">
        <%= @game.date %><br>
        </div>
      <label for="label">練習メニュー</label><br>
        <div class="label">
        <%= @game.opponent%><br>
        </div>
      <label for="label">目的</label><br>
        <div class="label">
        <%= @game.result %><br>
        </div>
      <label for="label">反省</label><br>
        <div class="label">
        <%= @game.good_point %><br>
        </div>
        <label for="label">反省</label><br>
        <div class="label">
        <%= @game.game_introspection %><br>
        </div>
    </div>
    
    <div class="comment_contents">
      <div class="container">
        <% if current_user %>
          <%= form_with(model: [@game, @game_comment], local: true) do |f| %>
           <%= f.text_area :text, placeholder: "コメントする", rows: "2" %><br>
           <div class="submit_btn">
           <%= f.submit "SEND" %>
           </div>
         <% end %>
         <% else %>
        <strong><p>※※※ コメントの投稿には新規登録/ログインが必要です ※※※</p></strong>
        <% end %>
        <div class="comments">
        <div class=comment_title>
      <h4>＜コメント一覧＞</h4>
        </div>
      <% if @game_comments %>
        <% @game_comments.each do |comment| %>
          <p>
            <strong><%= comment.user.name %>：</strong>
            <%= comment.text %>
          </p>
        <% end %>
      <% end %>
    </div>
   </div>
  </div>

game.scss

// Place all the styles related to the games controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.parent {
  position: relative;
  height: 200px;
}

.new_games {
 position: absolute;
 height: 50px;
 width: 200px;
 top: 50%;
 left: 50%;
 transform: translate(-50%,-50%);
 font-size: 16px;
}

.field {
  margin: 15px;
}

.register_actions {
  text-align: center;
}

.success {
  display:flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  margin-top: 100px;
}

.update {
  justify-content: center;
  margin-bottom: 80px;
}

comments.css

// Place all the styles related to the comments controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

.parent {
  width: 100%;
}

.field {
  width: 100%;
}
.comment_contents {
  text-align: center;
}
.containar {
  display: inline-block;
  text-align: left;
}

.comments {
  margin-top: 90px;
  border: solid 2px black;
  background-color: white;
  text-align: left;
  width: 50%;
  margin-left: 365px;
  margin:  0 auto;
}

.comment_title {
  text-align: center;
}

.submit_btn {
  margin-bottom: 30px;
}

ご回答よろしくお願いいたします。

行動規範の内容に同意します

回答1件

ベストアンサー

html
1    <div class="register_actions">
2      <div class="actions">
3      <%= f.submit "変更" %>
4
5    <div class="field">
6      <%= link_to '削除', game_path, method: :delete %>
7    </div>
8
9      </div>
10      <% end %>