新規登録ページでエラーが発生した際に、レスポンシブ時にエラー箇所のフォームが崩れてしまう

rails

1<%= form_with(model: instructor) do |form| %> 2 <div class="instructors_content"> 3 <h4 class="instructors_title">指導員会員登録</h4> 4 5 <% if instructor.errors.any? %> 6 <div style="color: red"> 7 <ul> 8 <% instructor.errors.each do |error| %> 9 <li style="font-size: 14px"><%= error.full_message %></li> 10 <% end %> 11 </ul> 12 </div> 13 <% end %> 14 15 <div class="instructors_item"> 16 <%= form.label :name, class: 'instructors_label' %> 17 <%= form.text_field :name, placeholder: '指導太郎', class: 'instructors_form' %> 18 </div> 19 20 <div class="instructors_item"> 21 <%= form.label :school_name, class: 'instructors_label' %> 22 <%= form.text_field :school_name, placeholder: '日本学校', class: 'instructors_form' %> 23 </div> 24 25 <div class="instructors_item"> 26 <%= form.label :email, class: 'instructors_label' %> 27 <%= form.email_field :email, placeholder: 'instructor@com', class: 'instructors_form' %> 28 </div> 29 30 <div class="instructors_item"> 31 <%= form.label :career, class: 'instructors_label' %> 32 <%= form.text_field :career, placeholder: '2021年の夏のインターハイで全国大会に出場', class: 'instructors_form' %> 33 </div> 34 35 <div class="instructors_item"> 36 <%= form.label :coach_career, class: 'instructors_label' %> 37 <%= form.text_field :coach_career, placeholder: '小学生のチームで月に一回指導してます', class: 'instructors_form' %> 38 </div> 39 40 <div class="instructors_item"> 41 <%= form.label :birthday, class: 'instructors_label' %> 42 <%= form.date_field :birthday, class: 'instructors_form' %> 43 </div> 44 45 <div class="instructors_item"> 46 <%= form.label :telephone_number, class: 'instructors_label' %> 47 <%= form.text_field :telephone_number, placeholder: '09012345678', class: 'instructors_form' %> 48 </div> 49 50 <div class="instructors_item"> 51 <%= form.label :interest_clubs, class: 'instructors_label' %> 52 <%= form.collection_check_boxes(:interest_clubs, Club.all, :id, :name, { checked: instructor.interest_clubs, include_hidden: true }) do |check_box| %> 53 <%= check_box.label(class: 'instructor_checkbox') { check_box.check_box + check_box.text } %> 54 <% end %> 55 </div> 56 57 <% if %w[new create].include?(controller.action_name) %> 58 <div class="instructors_item"> 59 <%= form.label :password, class: 'instructors_label' %> 60 <%= form.password_field :password, class: 'instructors_form' %> 61 </div> 62 63 <div class="instructors_item"> 64 <%= form.label :password_confirmation, class: 'instructors_label' %> 65 <%= form.password_field :password_confirmation, class: 'instructors_form' %> 66 </div> 67 <% end %> 68 69 <div class="instructors_submit"> 70 <%= form.submit (%w[new create].include?(controller.action_name) ? '登録' : '更新'), class: 'instrucors_submit_button' %> 71 </div> 72 </div> 73<% end %> 74 75<footer id="footer"> 76 <div class="footer_content"> 77 <div class="footer_container"> 78 <div class="footer_logo"> 79 <img class="footer_club_logo" src="/assets/club_logo.png" alt=""> 80 </div> 81 <div class="footer_items">© comrade, Inc.</div> 82 </div> 83 <div class="footer_items"> 84 利用規約 85 </div> 86 </div> 87</footer>