What can l use to make the container is not responsive?-CodePudding

I am developing the bank I webpage that has container and I have implemented the bootstrap so it can be responsive and all the page become responsive except my container! I have tried every thing but l don’t know what is the problem?

form {
  width: 700px;
  margin: 17% auto;
}

.signup {
  padding: 0px 25px 25px;
  background: rgb(255, 255, 255);
  box-shadow: 0px 0px 0px 5px rgba( 255, 255, 255, 0.4), 0px 4px 20px rgba( 0, 0, 0, 0.33);
}

<form action="insert_2.php" method="post"  enctype="multipart/form-data" id="responsive" novalidate>
  <body style="background-image: url('https://images.squarespace-cdn.com/content/v1/5a5335f3f43b55247f4b4c5c/1591451356938-K6IBQ2JD9G881GECIOIQ/Untitled design-5.png');  background-attachment: fixed; background-size: 100%;">
    <div >
      <div ></div>

CodePudding user response：

Why your body tag is after form?! Change your HTML structure like this and try again:

<body style="background-image: url('https://images.squarespace-cdn.com/content/v1/5a5335f3f43b55247f4b4c5c/1591451356938-K6IBQ2JD9G881GECIOIQ/Untitled design-5.png');  background-attachment: fixed; background-size: 100%;">
  <form action="insert_2.php" method="post"  enctype="multipart/form-data" id="responsive" novalidate>
    <div >
      <div >
        <div >
          <div >
            <div ></div>

CodePudding user response：

I think you need to add max-width: 100%