How to align blocks with text to the desired width of the site?

Question

css

The teapot needs the help of the layout fathers, I went through the manuals on css, but I don’t understand for the life of me, the block code in the html editor is as follows:

<div class="banner-6">
  <div class="col-sm-4 col1">
    <div class="col-img">
      <img src="bn1.png" alt="banner 6">
    </div>
    <div class="text-content">
      <h3>For Men</h3>
      <h3>Clothing Originals</h3>
      <a href="#">view collection</a>
    </div>
  </div>
  <div class="col-sm-4 col2">
    <div class="col-img">
      <img src="bn2.png" alt="banner 6">
    </div>
    <div class="text-content">
      <h3>For Women</h3>
      <h3>Summer Collection</h3>
      <a href="#">view collection</a>
    </div>
  </div>
  <div class="col-sm-4 col3">
    <div class="col-img">
      <img src="bn3.png" alt="banner 6">
    </div>
    <div class="text-content">
      <h3>Accessories</h3>
      <h3>Handbag Collection</h3>
      <a href="#">view collection</a>
    </div>
  </div>
</div>

How can I set them to either a fluid width or 1170px for example, so that they stretch evenly across the width?

Answer 1

So?