【django】templateでformをレスポンシブに表示させたい

djangoでCreateViewを作っているのですが、スマホで確認した時に画面サイズからはみ出してしまいます。

いろいろ試してみたのですがうまくいかず、行き詰まっています。
bootstrapを利用しています。
よろしくお願いいたします。

templates

html
1{% extends "base.html" %}
2{% load static %}
3    {% block header %}
4        <!-- Responsive navbar-->
5        <!-- Header-->
6        <header class="bg-dark py-1">
7          <div class="container px-4 px-lg-5 my-5">
8              <div class="text-center text-white">
9                  <h1 class="display-4 fw-bolder">商品登録</h1>
10                  <p class="lead fw-normal text-white-50 mb-0">商品を登録するための仮ページです</p>
11              </div>
12          </div>
13      </header>
14    {% endblock %}
15    {% block main %}
16    <div class="container px-4 px-lg-5 mt-3">
17      <div class="row">
18          <div class="my-div-style w-100">
19              <form method="POST" enctype="multipart/form-data">
20                  {% csrf_token %}
21                  <table class="table">
22                      {{ form.as_table }}
23                  <table>
24                  <div class="text-right">
25                  <button class="btn btn-primary " type="submit">作成</button>
26                  </div>
27              </form>
28          </div>
29      </div>
30    </div>
31    {% endblock %}
32    {% block footer %}
33    {% endblock %}

forms.py

python
1from .models import Products
2from django import forms
3
4class CreateInfoForm(forms.ModelForm):
5  class Meta:
6    model = Products
7    fields = ("shop", "product","price", "product_detail", "product_photo")
8
9    def __init__(self, *args, **kwargs):
10      super().__init__(*args, **kwargs)
11      for field in self.fields.values():
12          field.widget.attrs["class"] = "form-control"

models.py

python
1from django.db import models
2from django.db.models.deletion import PROTECT
3from django.db.models.fields import IntegerField
4from accounts.models import CustomUser
5
6# Create your models here.
7class Shop(models.Model):
8  #お店の概要
9  user = models.OneToOneField(CustomUser, verbose_name="ユーザー", on_delete=PROTECT)
10  shop_name = models.CharField(verbose_name="店の名前", max_length=30, unique=True)
11  shop_place = models.CharField(verbose_name="店の場所", max_length=60)
12  shop_style = models.CharField(verbose_name="お店の種類", max_length=10)
13  shop_describe = models.TextField(verbose_name="お店の詳細説明", max_length=300, default="記載がありません")
14  opening_time = models.TextField(verbose_name="お店の営業時間", max_length=300, default="記載がありません")
15  website = models.URLField(verbose_name="お店のホームページ", blank=True, null=True)
16  #photo1は縦横5:7の画像にするとぴったり
17  photo1 = models.ImageField(verbose_name="写真1", blank=True, null=True)
18  photo2 = models.ImageField(verbose_name="写真1", blank=True, null=True)
19  photo3 = models.ImageField(verbose_name="写真1", blank=True, null=True)
20
21  class Meta:
22    verbose_name_plural = "店舗情報"
23
24  def __str__(self):
25    return self.shop_name
26
27
28class Products(models.Model):
29  user = models.ForeignKey(CustomUser , verbose_name="ユーザー", on_delete=PROTECT)
30  shop = models.ForeignKey(Shop, verbose_name='企業名', on_delete=PROTECT)
31  product = models.CharField(verbose_name="商品名", max_length=20)
32  price = models.IntegerField(verbose_name="価格")
33  product_detail = models.TextField(verbose_name="商品説明", max_length=60, blank=True, null=True)
34  #画像サイズは縦横2:3がベスト
35  product_photo = models.ImageField(verbose_name="商品写真")
36
37  class Meta:
38    verbose_name_plural = "商品情報"
39
40  def __str__(self):
41    return self.product