Почему картинки встали не равномерно?

Question

[Danil2134]

<section class="block_hair">
          <div class="container">
            <div class="block_hair-items">
              <div class="block_hair-window">
                <img
                  class="block_hair-img"
                  src="images/image-hair1.jpeg"
                  alt=""
                />
                <a href="" class="block_hair-link">High Performance</a>
                <p class="block_hair-text"></p>
              </div>
              <div class="block_hair-window">
                <img
                  class="block_hair-img"
                  src="images/image-hair2.jpeg"
                  alt=""
                />
                <a href="" class="block_hair-link">Super Clean</a>
                <p class="block_hair-text"></p>
              </div>
              <div class="block_hair-window">
                <img
                  class="block_hair-img"
                  src="images/image-hair3.jpeg"
                  alt=""
                />
                <a href="" class="block_hair-link">Made for Eco-Optimists</a>
                <p class="block_hair-text"></p>
              </div>
            </div>
          </div>
        </section>

.block_hair {
  height: 600px;
  background-color: #fbf6f0;
}

.block_hair-items {
  display: flex;
  justify-content: space-between;
}

.block_hair-window {
  margin-top: 30px;
  text-align: center;
}

.block_hair-img {
  width: 340px;
  height: 260px;
}

.block_hair-link {
  white-space: nowrap;
  text-decoration: none;
  background-color: #abc0db;
}

Comments

[Антон Антон]

.block_hair-items {
...
width: 100%
}

Answer 1

[parse-g]

Попробуй

.block_hair-window {
  display: flex
}