There are 4 and 10 photos in a row. How to split a grid?

Question

css

There are 4 and 10 photos in a row. How to split a grid?
screenshot.ru/02b8d350d83109cea589e11a5b18478a
screenshot.ru/4929e8a80daa1627424be258461f46ae
Make a cell for each photo? In the second case it will be like this:

<div class="container">
      <div class="row">
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          </div>
        <div class="row">
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
          <div class="cols col-3">
            <img src="http://placehold.it/206x120" alt="фото">
          </div>
        </div>
    </div>

And in the first one, how if there are 12 columns and photo 10 is not divisible by an integer. Is it better to give cols col-12? Please advise the best.

Answer 1

Can use a div width of 10% ?